chore: replace forum links (#39139)
This commit is contained in:
Nicholas Carrigan
committed by
GitHub
GitHub
parent
34c26c4950
commit
1e0e54446f
@ -120,7 +120,7 @@ This code is running live at [freeCodeCamp.org](https://www.freecodecamp.org).
|
||||
|
||||
Our community also has:
|
||||
|
||||
- A [forum](https://www.freecodecamp.org/forum) where you can usually get programming help or project feedback within hours.
|
||||
- A [forum](https://forum.freecodecamp.org) where you can usually get programming help or project feedback within hours.
|
||||
- A [YouTube channel](https://youtube.com/freecodecamp) with free courses on Python, SQL, Android, and a wide variety of other technologies.
|
||||
- A [podcast](https://podcast.freecodecamp.org/) with technology insights and inspiring stories from developers.
|
||||
- A [Developer News](https://www.freecodecamp.org/news) publication, a free, open source, no-ads place to cross-post your blog articles.
|
||||
@ -129,7 +129,7 @@ Our community also has:
|
||||
|
||||
### Reporting Bugs and Issues
|
||||
|
||||
If you think you've found a bug, first read the [how to report a bug](https://www.freecodecamp.org/forum/t/how-to-report-a-bug/19543) article and follow its instructions.
|
||||
If you think you've found a bug, first read the [how to report a bug](https://forum.freecodecamp.org/t/how-to-report-a-bug/19543) article and follow its instructions.
|
||||
|
||||
If you're confident it's a new bug and have confirmed that someone else is facing the same issue, go ahead and create a new GitHub issue. Be sure to include as much information as possible so we can reproduce the bug.
|
||||
|
||||
|
||||
@ -14,4 +14,4 @@ In this section you get the chance to:
|
||||
* Build a Exercise Tracker
|
||||
* Build a File Metadata Microservice
|
||||
|
||||
By the end of this, you would have 5 microservices under your belt that you can show off to friends, family, employers, etc. Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
By the end of this, you would have 5 microservices under your belt that you can show off to friends, family, employers, etc. Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
|
||||
@ -15,4 +15,4 @@ In this section you get the chance to work on many Take Home Projects like:
|
||||
* Build a Pinterest Clone using Masonry.js library
|
||||
and many more!
|
||||
|
||||
By the end of this section, you will have plenty of Take Home Projects under your belt. This will boost your confidence and prepare you for Take Home Project Interviews. Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck/19514) method if you get stuck.
|
||||
By the end of this section, you will have plenty of Take Home Projects under your belt. This will boost your confidence and prepare you for Take Home Project Interviews. Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514) method if you get stuck.
|
||||
|
||||
@ -18,4 +18,4 @@ In this section you will develop the following projects:
|
||||
* Page View Time Series Visualizer
|
||||
* Sea Level Predictor
|
||||
|
||||
Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
|
||||
@ -7,4 +7,4 @@ superBlock: Data Visualization
|
||||
|
||||
These challenges let you test your data visualization skills and how to transfer and use data using AJAX technologies.
|
||||
|
||||
By the end of this, you would have 5 projects to showcase your data visualization skills that you can show off to friends, family, employers, etc. Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
By the end of this, you would have 5 projects to showcase your data visualization skills that you can show off to friends, family, employers, etc. Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
|
||||
@ -13,4 +13,4 @@ In this section you will complete the following projects with Bootstrap, jQuery,
|
||||
* A JavaScript Calculator
|
||||
* A Pomodoro Clock
|
||||
|
||||
Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
|
||||
@ -14,4 +14,4 @@ In this section you get the chance to:
|
||||
* Packet Capturer
|
||||
* Secure Real Time Multiplayer Game
|
||||
|
||||
When you are done, you will have plenty of Information Security projects under your belt along with a certification that you can show off to friends, family, and employers. Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck/19514) method if you get stuck.
|
||||
When you are done, you will have plenty of Information Security projects under your belt along with a certification that you can show off to friends, family, and employers. Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514) method if you get stuck.
|
||||
|
||||
@ -11,6 +11,6 @@ These challenges will allow you to test how much you have learned and which part
|
||||
|
||||
With that being said-
|
||||
|
||||
Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
|
||||
Good Luck!
|
||||
|
||||
@ -14,6 +14,6 @@ In this section you will create the following small JavaScript programs:
|
||||
* Telephone Number Validator
|
||||
* Cash Register
|
||||
|
||||
Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
|
||||
Good Luck!
|
||||
|
||||
@ -16,4 +16,4 @@ In this section you will develop the following projects:
|
||||
* Linear Regression Health Costs Calculator
|
||||
* Neural Network SMS Text Classifier
|
||||
|
||||
Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
|
||||
@ -14,4 +14,4 @@ In this section you get the chance to:
|
||||
* Sudoku Solver
|
||||
* American British Translator
|
||||
|
||||
When you are done, you will have plenty of Quality Assurance projects under your belt along with a certification that you can show off to friends, family, and employers. Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck/19514) method if you get stuck.
|
||||
When you are done, you will have plenty of Quality Assurance projects under your belt along with a certification that you can show off to friends, family, and employers. Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514) method if you get stuck.
|
||||
|
||||
@ -14,4 +14,4 @@ In this section you get the chance to:
|
||||
* Build a Technical Documentation Page
|
||||
* Build a Personal Portfolio Webpage
|
||||
|
||||
By the end of this, you would have 5 responsive websites under your belt that you can show off to friends, family, employers, etc. Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
By the end of this, you would have 5 responsive websites under your belt that you can show off to friends, family, employers, etc. Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
|
||||
@ -18,4 +18,4 @@ In this section you will develop the following projects:
|
||||
* Polygon Area Calculator
|
||||
* Probability Calculator
|
||||
|
||||
Have fun and remember to use the [Read-Search-Ask](https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
Have fun and remember to use the [Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) method if you get stuck.
|
||||
|
||||
@ -8,7 +8,7 @@ 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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
|
||||
<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-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -8,7 +8,7 @@ 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="main"</code> ، والذي يحتوي على جميع العناصر الأخرى. <strong>قصة المستخدم رقم 2:</strong> يجب أن أرى عنصرًا به <code>id="title"</code> ، والذي يحتوي على سلسلة (أي نص) تصف موضوع صفحة الجزية (على سبيل المثال "Dr. Norman Borlaug"). <strong>قصة المستخدم رقم 3: من</strong> المفترض أن أرى عنصر <code>div</code> يحتوي على <code>id="img-div"</code> مناظر <code>id="img-div"</code> . <strong>قصة المستخدم رقم 4:</strong> في عنصر <code>img-div</code> ، ينبغي أن أرى عنصر <code>img</code> <code>id="image"</code> مناظر <code>id="image"</code> . <strong>قصة المستخدم رقم 5:</strong> في عنصر <code>img-div</code> ، يجب أن أرى عنصرًا به <code>id="img-caption"</code> المقابل الذي يحتوي على محتوى نصي يصف الصورة المعروضة في <code>img-div</code> . <strong>قصة المستخدم رقم 6:</strong> ينبغي أن أرى عنصرًا يحمل <code>id="tribute-info"</code> مقابلاً <code>id="tribute-info"</code> ، يحتوي على محتوى نصي يصف موضوع صفحة الجزية. <strong>قصة المستخدم رقم 7:</strong> يجب أن تشهد <code>a</code> عنصر المقابلة مع <code>id="tribute-link"</code> ، الذي يربط إلى موقع خارجي يحتوي على معلومات إضافية حول موضوع الصفحة الجزية. تلميح: يجب أن تمنح عنصرك سمة <code>target</code> <code>_blank</code> على <code>_blank</code> حتى يفتح الرابط الخاص بك في علامة تبويب جديدة (مثل <code>target="_blank"</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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
|
||||
<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="main"</code> ، والذي يحتوي على جميع العناصر الأخرى. <strong>قصة المستخدم رقم 2:</strong> يجب أن أرى عنصرًا به <code>id="title"</code> ، والذي يحتوي على سلسلة (أي نص) تصف موضوع صفحة الجزية (على سبيل المثال "Dr. Norman Borlaug"). <strong>قصة المستخدم رقم 3: من</strong> المفترض أن أرى عنصر <code>div</code> يحتوي على <code>id="img-div"</code> مناظر <code>id="img-div"</code> . <strong>قصة المستخدم رقم 4:</strong> في عنصر <code>img-div</code> ، ينبغي أن أرى عنصر <code>img</code> <code>id="image"</code> مناظر <code>id="image"</code> . <strong>قصة المستخدم رقم 5:</strong> في عنصر <code>img-div</code> ، يجب أن أرى عنصرًا به <code>id="img-caption"</code> المقابل الذي يحتوي على محتوى نصي يصف الصورة المعروضة في <code>img-div</code> . <strong>قصة المستخدم رقم 6:</strong> ينبغي أن أرى عنصرًا يحمل <code>id="tribute-info"</code> مقابلاً <code>id="tribute-info"</code> ، يحتوي على محتوى نصي يصف موضوع صفحة الجزية. <strong>قصة المستخدم رقم 7:</strong> يجب أن تشهد <code>a</code> عنصر المقابلة مع <code>id="tribute-link"</code> ، الذي يربط إلى موقع خارجي يحتوي على معلومات إضافية حول موضوع الصفحة الجزية. تلميح: يجب أن تمنح عنصرك سمة <code>target</code> <code>_blank</code> على <code>_blank</code> حتى يفتح الرابط الخاص بك في علامة تبويب جديدة (مثل <code>target="_blank"</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-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: بو من
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> تحقق مما إذا كانت القيمة مصنفة على أنها بدائية منطقية. إرجاع صح أو خطأ. الأجناس البولية هي صحيحة وكاذبة. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> تحقق مما إذا كانت القيمة مصنفة على أنها بدائية منطقية. إرجاع صح أو خطأ. الأجناس البولية هي صحيحة وكاذبة. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: قرد مكتنز
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> اكتب دالة تقسم صفيف (أول وسيطة) إلى مجموعات طول <code>size</code> (وسيطة ثانية) وتقوم بإرجاعها كمصفوفة ثنائية الأبعاد. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> اكتب دالة تقسم صفيف (أول وسيطة) إلى مجموعات طول <code>size</code> (وسيطة ثانية) وتقوم بإرجاعها كمصفوفة ثنائية الأبعاد. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: تأكيد الانتهاء
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> تحقق مما إذا كانت سلسلة (الوسيطة الأولى ، <code>str</code> ) تنتهي بسلسلة الهدف المحددة (الوسيطة الثانية ، <code>target</code> ). <em>يمكن</em> حل هذا التحدي باستخدام طريقة <code>.endsWith()</code> ، التي تم تقديمها في ES2015. ولكن لغرض هذا التحدي ، نود منك استخدام إحدى طرق السلسلة الفرعية JavaScript بدلاً من ذلك. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> تحقق مما إذا كانت سلسلة (الوسيطة الأولى ، <code>str</code> ) تنتهي بسلسلة الهدف المحددة (الوسيطة الثانية ، <code>target</code> ). <em>يمكن</em> حل هذا التحدي باستخدام طريقة <code>.endsWith()</code> ، التي تم تقديمها في ES2015. ولكن لغرض هذا التحدي ، نود منك استخدام إحدى طرق السلسلة الفرعية JavaScript بدلاً من ذلك. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: Factorialize عدد
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> عودة المضروب من عدد صحيح المقدمة. إذا تم تمثيل العدد الصحيح بالحرف n ، فإن العامل الحاسوبي هو نتاج جميع الأعداد الصحيحة الموجبة أقل من أو يساوي n. غالبًا ما يتم تمثيل العوامل بعبارة الاختزال <code>n!</code> على سبيل المثال: <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code> فقط تزويد الأعداد الصحيحة التي تزيد عن أو تساوي الصفر بالوظيفة. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> عودة المضروب من عدد صحيح المقدمة. إذا تم تمثيل العدد الصحيح بالحرف n ، فإن العامل الحاسوبي هو نتاج جميع الأعداد الصحيحة الموجبة أقل من أو يساوي n. غالبًا ما يتم تمثيل العوامل بعبارة الاختزال <code>n!</code> على سبيل المثال: <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code> فقط تزويد الأعداد الصحيحة التي تزيد عن أو تساوي الصفر بالوظيفة. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: فلسى الحارس
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> قم بإزالة كافة قيم الفالسة من صفيف. تكون قيم Falsy في JavaScript <code>false</code> و <code>null</code> و <code>0</code> و <code>""</code> و <code>undefined</code> و <code>NaN</code> . تلميح: حاول تحويل كل قيمة إلى قيمة منطقية. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> قم بإزالة كافة قيم الفالسة من صفيف. تكون قيم Falsy في JavaScript <code>false</code> و <code>null</code> و <code>0</code> و <code>""</code> و <code>undefined</code> و <code>NaN</code> . تلميح: حاول تحويل كل قيمة إلى قيمة منطقية. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: ابحث عن أطول كلمة في سلسلة
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> إرجاع طول الكلمة الأطول في الجملة المتوفرة. يجب أن يكون ردك رقمًا. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> إرجاع طول الكلمة الأطول في الجملة المتوفرة. يجب أن يكون ردك رقمًا. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: من يجد شيئا يحتفظ به
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> إنشاء دالة تبحث خلال صفيف (الوسيطة الأولى) وإرجاع العنصر الأول في الصفيف الذي يمرر اختبار الحقيقة (الوسيطة الثانية). إذا لم يجتاز أي عنصر الاختبار ، فارجع غير معروف. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> إنشاء دالة تبحث خلال صفيف (الوسيطة الأولى) وإرجاع العنصر الأول في الصفيف الذي يمرر اختبار الحقيقة (الوسيطة الثانية). إذا لم يجتاز أي عنصر الاختبار ، فارجع غير معروف. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: الطفرات
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> إرجاع true إذا احتوت السلسلة في العنصر الأول من المصفوفة على كافة أحرف السلسلة في العنصر الثاني من الصفيف. على سبيل المثال ، يجب أن تعود <code>["hello", "Hello"]</code> ، true لأن كافة الأحرف الموجودة في السلسلة الثانية موجودة في الحالة الأولى ، مع تجاهل الحالة. يجب أن ترجع الوسيطة <code>["hello", "hey"]</code> false لأن السلسلة "hello" لا تحتوي على "y". وأخيرًا ، يجب أن تعود <code>["Alien", "line"]</code> ، إلى true لأن جميع الأحرف في "line" موجودة في "Alien". تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> إرجاع true إذا احتوت السلسلة في العنصر الأول من المصفوفة على كافة أحرف السلسلة في العنصر الثاني من الصفيف. على سبيل المثال ، يجب أن تعود <code>["hello", "Hello"]</code> ، true لأن كافة الأحرف الموجودة في السلسلة الثانية موجودة في الحالة الأولى ، مع تجاهل الحالة. يجب أن ترجع الوسيطة <code>["hello", "hey"]</code> false لأن السلسلة "hello" لا تحتوي على "y". وأخيرًا ، يجب أن تعود <code>["Alien", "line"]</code> ، إلى true لأن جميع الأحرف في "line" موجودة في "Alien". تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: كرر سلسلة يكرر سلسلة
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> كرر <code>str</code> سلسلة معينة (الوسيطة الأولى) لـ <code>num</code> times (الوسيطة الثانية). إرجاع سلسلة فارغة إذا لم تكن <code>num</code> رقم موجب. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> كرر <code>str</code> سلسلة معينة (الوسيطة الأولى) لـ <code>num</code> times (الوسيطة الثانية). إرجاع سلسلة فارغة إذا لم تكن <code>num</code> رقم موجب. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: أكبر عدد من المصفوفات في المصفوفة
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> قم بإرجاع صفيف يتكون من أكبر رقم من كل صفيف فرعي. بالنسبة إلى البساطة ، سيحتوي الصفيف الذي تم توفيره على 4 صفيف فرعي تمامًا. تذكر ، يمكنك التكرار من خلال صفيف مع حلقة بسيطة ، والوصول إلى كل عضو مع <code>arr[i]</code> جملة <code>arr[i]</code> . تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> قم بإرجاع صفيف يتكون من أكبر رقم من كل صفيف فرعي. بالنسبة إلى البساطة ، سيحتوي الصفيف الذي تم توفيره على 4 صفيف فرعي تمامًا. تذكر ، يمكنك التكرار من خلال صفيف مع حلقة بسيطة ، والوصول إلى كل عضو مع <code>arr[i]</code> جملة <code>arr[i]</code> . تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: عكس سلسلة
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> عكس السلسلة المقدمة. قد تحتاج إلى تحويل السلسلة إلى مصفوفة قبل أن تتمكن من عكسها. يجب أن تكون النتيجة الخاصة بك سلسلة. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> عكس السلسلة المقدمة. قد تحتاج إلى تحويل السلسلة إلى مصفوفة قبل أن تتمكن من عكسها. يجب أن تكون النتيجة الخاصة بك سلسلة. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -9,7 +9,7 @@ localeTitle: شريحة و لصق
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> يتم منحك صفيفين ومؤشر. استخدم <code>slice</code> الطرق <code>splice</code> لنسخ كل عنصر من المصفوفة الأولى في المصفوفة الثانية ، بالترتيب. ابدأ بإدخال عناصر في الفهرس <code>n</code> للمصفوفة الثانية. إرجاع الصفيف الناتج. يجب أن تظل صفائف الإدخال كما هي بعد تشغيل الدالة. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> يتم منحك صفيفين ومؤشر. استخدم <code>slice</code> الطرق <code>splice</code> لنسخ كل عنصر من المصفوفة الأولى في المصفوفة الثانية ، بالترتيب. ابدأ بإدخال عناصر في الفهرس <code>n</code> للمصفوفة الثانية. إرجاع الصفيف الناتج. يجب أن تظل صفائف الإدخال كما هي بعد تشغيل الدالة. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: العنوان حالة الجملة
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> قم بإرجاع السلسلة المتوفرة بالحرف الأول من كل كلمة بالأحرف الكبيرة. تأكد من أن بقية الكلمة في حالة الأحرف الصغيرة. لأغراض هذا التمرين ، يجب أيضًا تكبير الحروف الموصولة مثل "the" و "of". تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> قم بإرجاع السلسلة المتوفرة بالحرف الأول من كل كلمة بالأحرف الكبيرة. تأكد من أن بقية الكلمة في حالة الأحرف الصغيرة. لأغراض هذا التمرين ، يجب أيضًا تكبير الحروف الموصولة مثل "the" و "of". تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: اقتطاع سلسلة
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> اقتطاع سلسلة (الوسيطة الأولى) إذا كانت أطول من طول السلسلة الأقصى المحدد (الوسيطة الثانية). إرجاع السلسلة المقتطعة مع <code>...</code> إنهاء. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> اقتطاع سلسلة (الوسيطة الأولى) إذا كانت أطول من طول السلسلة الأقصى المحدد (الوسيطة الثانية). إرجاع السلسلة المقتطعة مع <code>...</code> إنهاء. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: أسقطها
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> بالنظر إلى صفيف <code>arr</code> ، قم بالتمرير عبر كل عنصر بدءًا من العنصر الأول (مؤشر 0) وإزالته إلى أن تعود الدالة <code>func</code> إلى <code>true</code> عند تمرير العنصر المتكرر عبرها. ثم أعد بقية المصفوفة بمجرد استيفاء الشرط ، وإلا ، يجب إرجاع <code>arr</code> كصفيف فارغ. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> بالنظر إلى صفيف <code>arr</code> ، قم بالتمرير عبر كل عنصر بدءًا من العنصر الأول (مؤشر 0) وإزالته إلى أن تعود الدالة <code>func</code> إلى <code>true</code> عند تمرير العنصر المتكرر عبرها. ثم أعد بقية المصفوفة بمجرد استيفاء الشرط ، وإلا ، يجب إرجاع <code>arr</code> كصفيف فارغ. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: أجاز
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> تسطيح مجموعة متداخلة. يجب عليك حساب مستويات مختلفة من التعشيش. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> تسطيح مجموعة متداخلة. يجب عليك حساب مستويات مختلفة من التعشيش. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: مجموع كل الأعداد
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> اجمع جميع الأعداد الأولية حتى وتضم الرقم المقدم. يتم تعريف رقم أولي على أنه رقم أكبر من واحد ويكون له مقسومان فقط ، واحد و نفسه. على سبيل المثال ، الرقم 2 هو رقم أولي لأنه قابل للقسمة على واحد فقط والثاني. قد لا يكون الرقم المقدم رئيسًا. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> اجمع جميع الأعداد الأولية حتى وتضم الرقم المقدم. يتم تعريف رقم أولي على أنه رقم أكبر من واحد ويكون له مقسومان فقط ، واحد و نفسه. على سبيل المثال ، الرقم 2 هو رقم أولي لأنه قابل للقسمة على واحد فقط والثاني. قد لا يكون الرقم المقدم رئيسًا. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: ولهذا السبب انت الفن
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> قم بعمل وظيفة تبحث من خلال مجموعة من الكائنات (الوسيطة الأولى) وتقوم بإرجاع مصفوفة بكافة الكائنات التي لها أزواج قيم وأسماء متطابقة (وسيطة ثانية). يجب أن يكون كل اسم وقيمة زوج كائن المصدر موجودًا في الكائن من المجموعة إذا كان سيتم تضمينه في الصفيف الذي تم إرجاعه. على سبيل المثال ، إذا كانت الوسيطة الأولى هي <code>[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]</code> ، والوسيطة الثانية هي <code>{ last: "Capulet" }</code> ، ثم يجب عليك إرجاع الكائن الثالث من الصفيف (الوسيطة الأولى) ، لأنه يحتوي على الاسم والقيمة الخاصة به ، التي تم تمريرها على أنها الوسيطة الثانية. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> قم بعمل وظيفة تبحث من خلال مجموعة من الكائنات (الوسيطة الأولى) وتقوم بإرجاع مصفوفة بكافة الكائنات التي لها أزواج قيم وأسماء متطابقة (وسيطة ثانية). يجب أن يكون كل اسم وقيمة زوج كائن المصدر موجودًا في الكائن من المجموعة إذا كان سيتم تضمينه في الصفيف الذي تم إرجاعه. على سبيل المثال ، إذا كانت الوسيطة الأولى هي <code>[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]</code> ، والوسيطة الثانية هي <code>{ last: "Capulet" }</code> ، ثم يجب عليك إرجاع الكائن الثالث من الصفيف (الوسيطة الأولى) ، لأنه يحتوي على الاسم والقيمة الخاصة به ، التي تم تمريرها على أنها الوسيطة الثانية. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: ''
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> قم بإرجاع <code>true</code> إذا كانت السلسلة المحددة متناظرة. خلاف ذلك ، تعود <code>false</code> . النص <dfn>المتناظر</dfn> هو كلمة أو جملة مكتوبة بنفس الطريقة إلى الأمام والخلف ، وتتجاهل علامات الترقيم والحالة والتباعد. <strong>ملحوظة</strong> <br> ستحتاج إلى إزالة <strong>جميع الأحرف غير الأبجدية الرقمية</strong> (علامات الترقيم والمسافات والرموز) وتحويل كل شيء إلى الحالة نفسها (الحالة السفلية أو العلوية) من أجل التحقق من التباين. سنقوم بتمرير سلاسل بأشكال مختلفة ، مثل <code>"racecar"</code> و <code>"RaceCar"</code> و <code>"race CAR"</code> وغيرها. سنقوم أيضًا بتمرير سلاسل مع رموز خاصة ، مثل <code>"2A3*3a2"</code> و <code>"2A3 3a2"</code> و <code>"2_A3*3#A2"</code> . تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> قم بإرجاع <code>true</code> إذا كانت السلسلة المحددة متناظرة. خلاف ذلك ، تعود <code>false</code> . النص <dfn>المتناظر</dfn> هو كلمة أو جملة مكتوبة بنفس الطريقة إلى الأمام والخلف ، وتتجاهل علامات الترقيم والحالة والتباعد. <strong>ملحوظة</strong> <br> ستحتاج إلى إزالة <strong>جميع الأحرف غير الأبجدية الرقمية</strong> (علامات الترقيم والمسافات والرموز) وتحويل كل شيء إلى الحالة نفسها (الحالة السفلية أو العلوية) من أجل التحقق من التباين. سنقوم بتمرير سلاسل بأشكال مختلفة ، مثل <code>"racecar"</code> و <code>"RaceCar"</code> و <code>"race CAR"</code> وغيرها. سنقوم أيضًا بتمرير سلاسل مع رموز خاصة ، مثل <code>"2A3*3a2"</code> و <code>"2A3 3a2"</code> و <code>"2_A3*3#A2"</code> . تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: تحويل الأرقام الرومانية
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> تحويل الرقم المحدد إلى رقم روماني. يجب تقديم جميع إجابات <a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">الأرقام الرومانية</a> في الحالة العليا. تذكر استخدام <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
<section id="description"> تحويل الرقم المحدد إلى رقم روماني. يجب تقديم جميع إجابات <a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">الأرقام الرومانية</a> في الحالة العليا. تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="drum-machine"</code> أداة <code>id="drum-machine"</code> تحتوي على جميع العناصر الأخرى. <strong>قصة المستخدم رقم 2:</strong> داخل <code>#drum-machine</code> أستطيع أن أرى عنصرًا به <code>id="display"</code> مناظر <code>id="display"</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="Q"</code> ، <code>id="W"</code> ، <code>id="E"</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> بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
|
||||
<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="drum-machine"</code> أداة <code>id="drum-machine"</code> تحتوي على جميع العناصر الأخرى. <strong>قصة المستخدم رقم 2:</strong> داخل <code>#drum-machine</code> أستطيع أن أرى عنصرًا به <code>id="display"</code> مناظر <code>id="display"</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="Q"</code> ، <code>id="W"</code> ، <code>id="E"</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> بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -8,7 +8,7 @@ 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="editor"</code> المقابلة <code>id="editor"</code> . <strong>قصة المستخدم رقم 2:</strong> يمكنني رؤية عنصر له <code>id="preview"</code> مناظر <code>id="preview"</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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
|
||||
<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="editor"</code> المقابلة <code>id="editor"</code> . <strong>قصة المستخدم رقم 2:</strong> يمكنني رؤية عنصر له <code>id="preview"</code> مناظر <code>id="preview"</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-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -8,7 +8,7 @@ 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="quote-box"</code> مناظر <code>id="quote-box"</code> . <strong>قصة المستخدم رقم 2:</strong> داخل <code>#quote-box</code> ، يمكنني رؤية عنصر له <code>id="text"</code> . <strong>قصة المستخدم رقم 3:</strong> داخل <code>#quote-box</code> ، يمكنني رؤية عنصر له <code>id="author"</code> . <strong>قصة المستخدم رقم 4:</strong> داخل <code>#quote-box</code> ، يمكنني رؤية عنصر قابل للنقر به <code>id="new-quote"</code> مناظر <code>id="new-quote"</code> . <strong>قصة المستخدم رقم 5:</strong> داخل <code>#quote-box</code> ، أستطيع أن أرى كلمة قابلة للنقر <codea< code=""> مع <code>id="tweet-quote"</code> المقابلة <code>id="tweet-quote"</code> . <strong>قصة المستخدم رقم 6:</strong> عند التحميل الأول ، يعرض جهاز عرض الأسعار اقتباسًا عشوائيًا في العنصر مع <code>id="text"</code> . <strong>قصة المستخدم رقم 7:</strong> عند التحميل الأول ، يعرض جهاز عرض الأسعار الخاص بي مؤلف الاقتباس العشوائي في العنصر مع <code>id="author"</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>"twitter.com/intent/tweet"</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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </codea<></section>
|
||||
<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="quote-box"</code> مناظر <code>id="quote-box"</code> . <strong>قصة المستخدم رقم 2:</strong> داخل <code>#quote-box</code> ، يمكنني رؤية عنصر له <code>id="text"</code> . <strong>قصة المستخدم رقم 3:</strong> داخل <code>#quote-box</code> ، يمكنني رؤية عنصر له <code>id="author"</code> . <strong>قصة المستخدم رقم 4:</strong> داخل <code>#quote-box</code> ، يمكنني رؤية عنصر قابل للنقر به <code>id="new-quote"</code> مناظر <code>id="new-quote"</code> . <strong>قصة المستخدم رقم 5:</strong> داخل <code>#quote-box</code> ، أستطيع أن أرى كلمة قابلة للنقر <codea< code=""> مع <code>id="tweet-quote"</code> المقابلة <code>id="tweet-quote"</code> . <strong>قصة المستخدم رقم 6:</strong> عند التحميل الأول ، يعرض جهاز عرض الأسعار اقتباسًا عشوائيًا في العنصر مع <code>id="text"</code> . <strong>قصة المستخدم رقم 7:</strong> عند التحميل الأول ، يعرض جهاز عرض الأسعار الخاص بي مؤلف الاقتباس العشوائي في العنصر مع <code>id="author"</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>"twitter.com/intent/tweet"</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-coding/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </codea<></section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 矮胖的猴子
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">编写一个函数，将数组（第一个参数）拆分为<code>size</code>的长度（第二个参数），并将它们作为二维数组返回。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">编写一个函数，将数组（第一个参数）拆分为<code>size</code>的长度（第二个参数），并将它们作为二维数组返回。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 确认结束
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">检查字符串（第一个参数<code>str</code> ）是否以给定的目标字符串（第二个参数， <code>target</code> ）结束。这个挑战<em>可以</em>通过<code>.endsWith()</code>中引入的<code>.endsWith()</code>方法来解决。但是出于这个挑战的目的，我们希望您使用其中一个JavaScript子字符串方法。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">检查字符串（第一个参数<code>str</code> ）是否以给定的目标字符串（第二个参数， <code>target</code> ）结束。这个挑战<em>可以</em>通过<code>.endsWith()</code>中引入的<code>.endsWith()</code>方法来解决。但是出于这个挑战的目的，我们希望您使用其中一个JavaScript子字符串方法。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 对一个数字进行推理
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回提供的整数的阶乘。如果整数用字母n表示，则阶乘是所有小于或等于n的正整数的乘积。因子通常用简写符号<code>n!</code>表示<code>n!</code>例如： <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code>只有大于或等于零的整数才会被提供给该函数。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">返回提供的整数的阶乘。如果整数用字母n表示，则阶乘是所有小于或等于n的正整数的乘积。因子通常用简写符号<code>n!</code>表示<code>n!</code>例如： <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code>只有大于或等于零的整数才会被提供给该函数。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: Falsy Bouncer
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">从数组中删除所有有价值的值。 JavaScript中的Falsy值为<code>false</code> ， <code>null</code> ， <code>0</code> ， <code>""</code> ， <code>undefined</code>和<code>NaN</code> 。提示：尝试将每个值转换为布尔值。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">从数组中删除所有有价值的值。 JavaScript中的Falsy值为<code>false</code> ， <code>null</code> ， <code>0</code> ， <code>""</code> ， <code>undefined</code>和<code>NaN</code> 。提示：尝试将每个值转换为布尔值。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 找到字符串中最长的单词
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回所提供句子中最长单词的长度。您的回答应该是一个数字。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">返回所提供句子中最长单词的长度。您的回答应该是一个数字。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: Finders Keepers
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">创建一个查看数组（第一个参数）的函数，并返回数组中传递真值测试的第一个元素（第二个参数）。如果没有元素通过测试，则返回undefined。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">创建一个查看数组（第一个参数）的函数，并返回数组中传递真值测试的第一个元素（第二个参数）。如果没有元素通过测试，则返回undefined。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 突变
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">如果数组的第一个元素中的字符串包含数组第二个元素中字符串的所有字母，则返回true。例如， <code>["hello", "Hello"]</code>应该返回true，因为第二个字符串中的所有字母都出现在第一个字母中，忽略大小写。参数<code>["hello", "hey"]</code>应返回false，因为字符串“hello”不包含“y”。最后， <code>["Alien", "line"]</code>应该返回true，因为“line”中的所有字母都出现在“Alien”中。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">如果数组的第一个元素中的字符串包含数组第二个元素中字符串的所有字母，则返回true。例如， <code>["hello", "Hello"]</code>应该返回true，因为第二个字符串中的所有字母都出现在第一个字母中，忽略大小写。参数<code>["hello", "hey"]</code>应返回false，因为字符串“hello”不包含“y”。最后， <code>["Alien", "line"]</code>应该返回true，因为“line”中的所有字母都出现在“Alien”中。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 重复一个字符串重复字符串
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">为<code>num</code> times（第二个参数）重复给定的字符串<code>str</code> （第一个参数）。如果<code>num</code>不是正数，则返回空字符串。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">为<code>num</code> times（第二个参数）重复给定的字符串<code>str</code> （第一个参数）。如果<code>num</code>不是正数，则返回空字符串。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 返回数组中的最大数字
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回一个数组，该数组由每个提供的子数组中的最大数字组成。为简单起见，提供的数组将包含4个子数组。请记住，您可以使用简单的for循环遍历数组，并使用数组语法<code>arr[i]</code>访问每个成员。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">返回一个数组，该数组由每个提供的子数组中的最大数字组成。为简单起见，提供的数组将包含4个子数组。请记住，您可以使用简单的for循环遍历数组，并使用数组语法<code>arr[i]</code>访问每个成员。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 反转字符串
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">反转提供的字符串。您可能需要先将字符串转换为数组，然后才能将其反转。您的结果必须是字符串。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">反转提供的字符串。您可能需要先将字符串转换为数组，然后才能将其反转。您的结果必须是字符串。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -9,7 +9,7 @@ localeTitle: 切片和拼接
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">您将获得两个数组和一个索引。使用数组方法<code>slice</code>和<code>splice</code>按顺序将第一个数组的每个元素复制到第二个数组中。开始在第二个数组的索引<code>n</code>处插入元素。返回结果数组。函数运行后，输入数组应保持不变。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">您将获得两个数组和一个索引。使用数组方法<code>slice</code>和<code>splice</code>按顺序将第一个数组的每个元素复制到第二个数组中。开始在第二个数组的索引<code>n</code>处插入元素。返回结果数组。函数运行后，输入数组应保持不变。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 标题案例句子
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回提供的字符串，每个单词的首字母大写。确保单词的其余部分为小写。出于本练习的目的，您还应该将诸如“the”和“of”之类的连接词大写。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">返回提供的字符串，每个单词的首字母大写。确保单词的其余部分为小写。出于本练习的目的，您还应该将诸如“the”和“of”之类的连接词大写。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 截断字符串
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">如果字符串（第一个参数）长于给定的最大字符串长度（第二个参数），则截断该字符串。返回带有<code>...</code>结尾的截断字符串。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">如果字符串（第一个参数）长于给定的最大字符串长度（第二个参数），则截断该字符串。返回带有<code>...</code>结尾的截断字符串。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 二元代理商
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回传递的二进制字符串的英文翻译句子。二进制字符串将以空格分隔。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">返回传递的二进制字符串的英文翻译句子。二进制字符串将以空格分隔。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 转换HTML实体
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">将字符串中的字符<code>&</code> ， <code><</code> ， <code>></code> ， <code>"</code> （双引号）和<code>'</code> （撇号）转换为相应的HTML实体。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。写下你的自己的代码。 </section>
|
||||
<section id="description">将字符串中的字符<code>&</code> ， <code><</code> ， <code>></code> ， <code>"</code> （双引号）和<code>'</code> （撇号）转换为相应的HTML实体。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。写下你的自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 差分两个阵列
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">比较两个数组并返回一个新数组，其中只有在两个给定数组中的一个中找到的任何项，但不能同时返回两个数组。换句话说，返回两个数组的对称差异。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 <strong>注意</strong> <br>您可以按任何顺序返回包含其元素的数组。 </section>
|
||||
<section id="description">比较两个数组并返回一个新数组，其中只有在两个给定数组中的一个中找到的任何项，但不能同时返回两个数组。换句话说，返回两个数组的对称差异。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 <strong>注意</strong> <br>您可以按任何顺序返回包含其元素的数组。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 算了吧
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">给定数组<code>arr</code> ，迭代并从第一个元素（0索引）开始删除每个元素，直到函数<code>func</code>在迭代元素通过它时返回<code>true</code> 。然后在条件满足后返回数组的其余部分，否则， <code>arr</code>应作为空数组返回。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">给定数组<code>arr</code> ，迭代并从第一个元素（0索引）开始删除每个元素，直到函数<code>func</code>在迭代元素通过它时返回<code>true</code> 。然后在条件满足后返回数组的其余部分，否则， <code>arr</code>应作为空数组返回。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -7,7 +7,7 @@ localeTitle: 做一个人
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">使用以下方法填写对象构造函数： <blockquote> getFirstName（）getLastName（）getFullName（）setFirstName（first）setLastName（last）setFullName（firstAndLast） </blockquote>运行测试以查看每个方法的预期输出。采用参数的方法必须只接受一个参数，并且必须是一个字符串。这些方法必须是与对象交互的唯一可用方法。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">使用以下方法填写对象构造函数： <blockquote> getFirstName（）getLastName（）getFullName（）setFirstName（first）setLastName（last）setFullName（firstAndLast） </blockquote>运行测试以查看每个方法的预期输出。采用参数的方法必须只接受一个参数，并且必须是一个字符串。这些方法必须是与对象交互的唯一可用方法。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -7,7 +7,7 @@ localeTitle: 映射碎片
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回一个新数组，将元素的平均高度转换为轨道周期（以秒为单位）。该数组将包含<code>{name: 'name', 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">返回一个新数组，将元素的平均高度转换为轨道周期（以秒为单位）。该数组将包含<code>{name: 'name', 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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 遗失的信件
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">在传递的字母范围内找到丢失的字母并将其返回。如果范围内存在所有字母，则返回undefined。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">在传递的字母范围内找到丢失的字母并将其返回。如果范围内存在所有字母，则返回undefined。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">将提供的字符串翻译为pig latin。 <a href="http://en.wikipedia.org/wiki/Pig_Latin" target="_blank">Pig Latin</a>使用英语单词的第一个辅音（或辅音簇），将其移到单词的末尾并加上“ay”后缀。如果一个单词以元音开头，你只需添加“way”到最后。输入字符串保证全部为小写英文单词。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 搜索和替换
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">使用提供的参数执行搜索并替换句子并返回新句子。第一个参数是执行搜索和替换的句子。第二个参数是你要替换的词（之前）。第三个参数是你将用（后）替换第二个参数。 <strong>注意</strong> <br>在更换原始单词时保留原始单词中第一个字符的大小写。例如，如果您的意思是将“Book”替换为“dog”，则应将其替换为“Dog”。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">使用提供的参数执行搜索并替换句子并返回新句子。第一个参数是执行搜索和替换的句子。第二个参数是你要替换的词（之前）。第三个参数是你将用（后）替换第二个参数。 <strong>注意</strong> <br>在更换原始单词时保留原始单词中第一个字符的大小写。例如，如果您的意思是将“Book”替换为“dog”，则应将其替换为“Dog”。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 寻找和摧毁
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">您将获得一个初始数组（驱逐舰函数中的第一个参数），后跟一个或多个参数。从初始数组中删除与这些参数具有相同值的所有元素。 <strong>注意</strong> <br>你必须使用<code>arguments</code>对象。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">您将获得一个初始数组（驱逐舰函数中的第一个参数），后跟一个或多个参数。从初始数组中删除与这些参数具有相同值的所有元素。 <strong>注意</strong> <br>你必须使用<code>arguments</code>对象。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 最小的共同多重
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">找到所提供参数的最小公倍数，可以均匀地除以这些参数，以及这些参数之间范围内的所有序号。范围将是两个数字的数组，不一定按数字顺序排列。例如，如果给定1和3，找到1和3的最小公倍数，它们也可以被1到3 <em>之间</em>的所有数字整除。这里的答案是6.记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>如果你得到卡住。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">找到所提供参数的最小公倍数，可以均匀地除以这些参数，以及这些参数之间范围内的所有序号。范围将是两个数字的数组，不一定按数字顺序排列。例如，如果给定1和3，找到1和3的最小公倍数，它们也可以被1到3 <em>之间</em>的所有数字整除。这里的答案是6.记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>如果你得到卡住。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 排序联盟
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">编写一个带有两个或更多数组的函数，并按原始提供的数组的顺序返回一个新的唯一值数组。换句话说，所有数组中存在的所有值都应包含在它们的原始顺序中，但在最终数组中没有重复。唯一编号应按其原始顺序排序，但最终数组不应按数字顺序排序。检查断言测试以获取示例。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">编写一个带有两个或更多数组的函数，并按原始提供的数组的顺序返回一个新的唯一值数组。换句话说，所有数组中存在的所有值都应包含在它们的原始顺序中，但在最终数组中没有重复。唯一编号应按其原始顺序排序，但最终数组不应按数字顺序排序。检查断言测试以获取示例。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 脊椎龙头套
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">将字符串转换为脊柱案例。脊柱情况是全小写单词连接的破折号。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">将字符串转换为脊柱案例。脊柱情况是全小写单词连接的破折号。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 压路机
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">展平嵌套数组。您必须考虑不同的嵌套级别。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">展平嵌套数组。您必须考虑不同的嵌套级别。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 求和范围中的所有数字
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">我们将通过两个数字的数组。返回这两个数字的总和加上它们之间所有数字的总和。最低的数字并不总是第一位。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">我们将通过两个数字的数组。返回这两个数字的总和加上它们之间所有数字的总和。最低的数字并不总是第一位。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: Sum All Primes
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">将所有素数加起来并包括所提供的数字。素数被定义为大于1的数，并且只有两个除数，一个和一个除数。例如，2是素数，因为它只能被1和2整除。提供的号码可能不是主要的。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">将所有素数加起来并包括所提供的数字。素数被定义为大于1的数，并且只有两个除数，一个和一个除数。例如，2是素数，因为它只能被1和2整除。提供的号码可能不是主要的。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 因此，你是艺术家
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">创建一个查看对象数组（第一个参数）的函数，并返回具有匹配的名称和值对的所有对象的数组（第二个参数）。如果要包含在返回的数组中，则源对象的每个名称和值对都必须存在于集合中的对象中。例如，如果第一个参数是<code>[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]</code> ，第二个参数是<code>{ last: "Capulet" }</code> ，然后你必须从数组（第一个参数）返回第三个对象，因为它包含名称及其值，它作为第二个参数传递。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">创建一个查看对象数组（第一个参数）的函数，并返回具有匹配的名称和值对的所有对象的数组（第二个参数）。如果要包含在返回的数组中，则源对象的每个名称和值对都必须存在于集合中的对象中。例如，如果第一个参数是<code>[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]</code> ，第二个参数是<code>{ last: "Capulet" }</code> ，然后你必须从数组（第一个参数）返回第三个对象，因为它包含名称及其值，它作为第二个参数传递。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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'''N'，'B'''O'等等。编写一个函数，它将<a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a>编码的字符串作为输入并返回一个已解码的字符串。所有字母都是大写的。不要转换任何非字母字符（即空格，标点符号），但要传递它们。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<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'''N'，'B'''O'等等。编写一个函数，它将<a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a>编码的字符串作为输入并返回一个已解码的字符串。所有字母都是大写的。不要转换任何非字母字符（即空格，标点符号），但要传递它们。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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: "INSUFFICIENT_FUNDS", change: []}</code>如果出现的现金少于到期的更改，或者如果您无法返回确切的更改。返回<code>{status: "CLOSED", change: [...]}</code>使用cash-in-drawer作为密钥<code>change</code>的值，如果它等于更改到期。否则，返回<code>{status: "OPEN", change: [...]}</code> ，以硬币和账单中的更改到期，按从最高到最低的顺序排序，作为<code>change</code>密钥的值。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/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>
|
||||
<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: "INSUFFICIENT_FUNDS", change: []}</code>如果出现的现金少于到期的更改，或者如果您无法返回确切的更改。返回<code>{status: "CLOSED", change: [...]}</code>使用cash-in-drawer作为密钥<code>change</code>的值，如果它等于更改到期。否则，返回<code>{status: "OPEN", change: [...]}</code> ，以硬币和账单中的更改到期，按从最高到最低的顺序排序，作为<code>change</code>密钥的值。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/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">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 回文检查
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">如果给定的字符串是回文，则返回<code>true</code> 。否则，返回<code>false</code> 。 <dfn>回文</dfn>是一个单词或句子，其拼写方式与前后相同，忽略标点符号，大小写和间距。 <strong>注意</strong> <br>您需要删除<strong>所有非字母数字字符</strong> （标点符号，空格和符号）并将所有内容转换为相同的大小写（小写或大写）以检查回文。我们会通过字符串具有不同的格式，如<code>"racecar"</code> ， <code>"RaceCar"</code>和<code>"race CAR"</code>等等。我们还将传递带有特殊符号的字符串，例如<code>"2A3*3a2"</code> ， <code>"2A3 3a2"</code>和<code>"2_A3*3#A2"</code> 。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">如果给定的字符串是回文，则返回<code>true</code> 。否则，返回<code>false</code> 。 <dfn>回文</dfn>是一个单词或句子，其拼写方式与前后相同，忽略标点符号，大小写和间距。 <strong>注意</strong> <br>您需要删除<strong>所有非字母数字字符</strong> （标点符号，空格和符号）并将所有内容转换为相同的大小写（小写或大写）以检查回文。我们会通过字符串具有不同的格式，如<code>"racecar"</code> ， <code>"RaceCar"</code>和<code>"race CAR"</code>等等。我们还将传递带有特殊符号的字符串，例如<code>"2A3*3a2"</code> ， <code>"2A3 3a2"</code>和<code>"2_A3*3#A2"</code> 。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ localeTitle: 罗马数字转换器
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">将给定数字转换为罗马数字。所有<a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">罗马数字</a>答案都应以大写字母提供。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">将给定数字转换为罗马数字。所有<a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">罗马数字</a>答案都应以大写字母提供。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="drum-machine"</code>的外部容器，其中包含所有其他元素。 <strong>用户故事＃2：</strong>在<code>#drum-machine</code>我可以看到一个具有相应<code>id="display"</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="Q"</code> ， <code>id="W"</code> ， <code>id="E"</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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<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="drum-machine"</code>的外部容器，其中包含所有其他元素。 <strong>用户故事＃2：</strong>在<code>#drum-machine</code>我可以看到一个具有相应<code>id="display"</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="Q"</code> ， <code>id="W"</code> ， <code>id="E"</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-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -8,7 +8,7 @@ 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="editor"</code>的<code>textarea</code>元素。 <strong>用户故事＃2：</strong>我可以看到一个具有相应<code>id="preview"</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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<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="editor"</code>的<code>textarea</code>元素。 <strong>用户故事＃2：</strong>我可以看到一个具有相应<code>id="preview"</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-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -8,7 +8,7 @@ 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="quote-box"</code>的包装元素。 <strong>用户故事＃2：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="text"</code>的元素。 <strong>用户故事＃3：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="author"</code>的元素。 <strong>用户故事＃4：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="new-quote"</code>的可点击元素。 <strong>用户故事＃5：</strong>在<code>#quote-box</code> ，我可以看到一个可点击的<codea< code="">具有相应<code>id="tweet-quote"</code>元素。 <strong>用户故事＃6：</strong>首次加载时，我的报价机器会在元素中显示一个<code>id="text"</code>的随机引号。 <strong>用户故事＃7：</strong>首次加载时，我的报价机器在<code>id="author"</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>"twitter.com/intent/tweet"</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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </codea<></section>
|
||||
<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="quote-box"</code>的包装元素。 <strong>用户故事＃2：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="text"</code>的元素。 <strong>用户故事＃3：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="author"</code>的元素。 <strong>用户故事＃4：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="new-quote"</code>的可点击元素。 <strong>用户故事＃5：</strong>在<code>#quote-box</code> ，我可以看到一个可点击的<codea< code="">具有相应<code>id="tweet-quote"</code>元素。 <strong>用户故事＃6：</strong>首次加载时，我的报价机器会在元素中显示一个<code>id="text"</code>的随机引号。 <strong>用户故事＃7：</strong>首次加载时，我的报价机器在<code>id="author"</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>"twitter.com/intent/tweet"</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-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </codea<></section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="title"</code> 。 <strong>用户故事＃2：</strong>我的图表应该有一个<code>g</code>元素x轴，对应的<code>id="x-axis"</code> 。 <strong>用户故事＃3：</strong>我的图表应该有一个<code>g</code>元素y轴，对应的<code>id="y-axis"</code> 。 <strong>用户故事＃4：</strong>两个轴应包含多个刻度标签，每个刻度标签对应的<code>class="tick"</code> 。 <strong>用户故事＃5：</strong>我的图表应该为每个数据点都有一个<code>rect</code>元素，相应的<code>class="bar"</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="tooltip"</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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<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="title"</code> 。 <strong>用户故事＃2：</strong>我的图表应该有一个<code>g</code>元素x轴，对应的<code>id="x-axis"</code> 。 <strong>用户故事＃3：</strong>我的图表应该有一个<code>g</code>元素y轴，对应的<code>id="y-axis"</code> 。 <strong>用户故事＃4：</strong>两个轴应包含多个刻度标签，每个刻度标签对应的<code>class="tick"</code> 。 <strong>用户故事＃5：</strong>我的图表应该为每个数据点都有一个<code>rect</code>元素，相应的<code>class="bar"</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="tooltip"</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-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="title"</code> 。 <strong>用户故事＃2：</strong>我的等值应该有一个带有相应<code>id="description"</code>的描述元素。 <strong>用户故事＃3：</strong>我的等值应该有具有代表数据的相应<code>class="county"</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="legend"</code> 。 <strong>用户故事＃9：</strong>图例应至少使用4种不同的填充颜色。 <strong>用户故事＃10：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃11：</strong>我的工具提示应该具有与活动区域的<code>data-education</code>相对应的<code>data-education</code>属性。以下是完成此项目所需的数据集： <br><ul><li> <strong>美国教育数据：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json</code> </li><li> <strong>美国县数据：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<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="title"</code> 。 <strong>用户故事＃2：</strong>我的等值应该有一个带有相应<code>id="description"</code>的描述元素。 <strong>用户故事＃3：</strong>我的等值应该有具有代表数据的相应<code>class="county"</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="legend"</code> 。 <strong>用户故事＃9：</strong>图例应至少使用4种不同的填充颜色。 <strong>用户故事＃10：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃11：</strong>我的工具提示应该具有与活动区域的<code>data-education</code>相对应的<code>data-education</code>属性。以下是完成此项目所需的数据集： <br><ul><li> <strong>美国教育数据：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json</code> </li><li> <strong>美国县数据：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/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-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="title"</code> 。 <strong>用户故事＃2：</strong>我的热图应该有一个相应的<code>id="description"</code> 。 <strong>用户故事＃3：</strong>我的热图应该有一个x轴，对应的<code>id="x-axis"</code> 。 <strong>用户故事＃4：</strong>我的热图应该有一个y轴，对应的<code>id="y-axis"</code> 。 <strong>用户故事＃5：</strong>我的热图应该有一个<code>rect</code>元素，其中<code>class="cell"</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="legend"</code> 。 <strong>用户故事＃14：</strong>我的图例应该包含<code>rect</code>元素。 <strong>用户故事＃15：</strong>图例中的<code>rect</code>元素应使用至少4种不同的填充颜色。 <strong>用户故事＃16：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</code>的工具提示，该<code>id="tooltip"</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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<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="title"</code> 。 <strong>用户故事＃2：</strong>我的热图应该有一个相应的<code>id="description"</code> 。 <strong>用户故事＃3：</strong>我的热图应该有一个x轴，对应的<code>id="x-axis"</code> 。 <strong>用户故事＃4：</strong>我的热图应该有一个y轴，对应的<code>id="y-axis"</code> 。 <strong>用户故事＃5：</strong>我的热图应该有一个<code>rect</code>元素，其中<code>class="cell"</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="legend"</code> 。 <strong>用户故事＃14：</strong>我的图例应该包含<code>rect</code>元素。 <strong>用户故事＃15：</strong>图例中的<code>rect</code>元素应使用至少4种不同的填充颜色。 <strong>用户故事＃16：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</code>的工具提示，该<code>id="tooltip"</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-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="title"</code>的title元素。 <strong>用户故事＃2：</strong>我可以看到一个x轴，其对应的<code>id="x-axis"</code> 。 <strong>用户故事＃3：</strong>我可以看到一个y轴，它具有相应的<code>id="y-axis"</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="legend"</code>描述性文本的<code>id="legend"</code> 。 <strong>用户故事＃14：</strong>我可以将鼠标悬停在一个区域上，并查看带有相应<code>id="tooltip"</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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<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="title"</code>的title元素。 <strong>用户故事＃2：</strong>我可以看到一个x轴，其对应的<code>id="x-axis"</code> 。 <strong>用户故事＃3：</strong>我可以看到一个y轴，它具有相应的<code>id="y-axis"</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="legend"</code>描述性文本的<code>id="legend"</code> 。 <strong>用户故事＃14：</strong>我可以将鼠标悬停在一个区域上，并查看带有相应<code>id="tooltip"</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-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -8,7 +8,7 @@ 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="title"</code> 。 <strong>用户故事＃2：</strong>我的树图应该有一个对应<code>id="description"</code> 。 <strong>用户故事＃3：</strong>我的树形图应该有一个<code>rect</code>元素，并且对应的<code>class="tile"</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="legend"</code> 。 <strong>用户故事＃8：</strong>我的图例应该有一个带有相应<code>class="legend-item"</code> <code>rect</code>元素。 <strong>用户故事＃9：</strong>图例中的<code>rect</code>元素应使用至少2种不同的填充颜色。 <strong>用户故事＃10：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</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.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json</code> </li><li> <strong>电影销售：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json</code> </li><li> <strong>视频游戏销售：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/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://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<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="title"</code> 。 <strong>用户故事＃2：</strong>我的树图应该有一个对应<code>id="description"</code> 。 <strong>用户故事＃3：</strong>我的树形图应该有一个<code>rect</code>元素，并且对应的<code>class="tile"</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="legend"</code> 。 <strong>用户故事＃8：</strong>我的图例应该有一个带有相应<code>class="legend-item"</code> <code>rect</code>元素。 <strong>用户故事＃9：</strong>图例中的<code>rect</code>元素应使用至少2种不同的填充颜色。 <strong>用户故事＃10：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</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.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json</code> </li><li> <strong>电影销售：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json</code> </li><li> <strong>视频游戏销售：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/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-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -7,7 +7,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -7,7 +7,7 @@ localeTitle: 库存更新
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">比较并更新存储在2D阵列中的库存与新交付的第二个2D阵列。更新当前现有库存物料数量（在<code>arr1</code> ）。如果找不到商品，请将新商品和数量添加到库存数组中。返回的库存数组应按项目的字母顺序排列。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">比较并更新存储在2D阵列中的库存与新交付的第二个2D阵列。更新当前现有库存物料数量（在<code>arr1</code> ）。如果找不到商品，请将新商品和数量添加到库存数组中。返回的库存数组应按项目的字母顺序排列。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -7,7 +7,7 @@ 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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -7,7 +7,7 @@ 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 <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="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<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 <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="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user