6.8 KiB
6.8 KiB
id, title, isRequired, challengeType, videoUrl, localeTitle
| id | title | isRequired | challengeType | videoUrl | localeTitle |
|---|---|---|---|---|---|
| 587d78b0367417b2b2512b05 | Build a Technical Documentation Page | true | 3 | بناء صفحة التوثيق الفني |
Description
main يحتوي على id="main-doc" مناظر id="main-doc" ، والذي يحتوي على المحتوى الرئيسي للصفحة (الوثائق الفنية). قصة المستخدم رقم 2: داخل عنصر #main-doc ، يمكنني مشاهدة عدة عناصر من section ، لكل منها فئة من main-section . يجب أن يكون هناك حد أدنى من 5. قصة المستخدم رقم 3: يجب أن يكون العنصر الأول في كل عنصر .main-section عنصر header يحتوي على نص يصف موضوع ذلك القسم. قصة المستخدم رقم 4: يجب أن يكون لكل عنصر section مع فئة main-section أيضًا معرّف يتطابق مع نص كل header موجود داخلها. يجب استبدال أي مسافات بشرط تسطير سفلي (على سبيل المثال ، يجب أن يحتوي section الذي يحتوي على الرأس "Javascript و Java" على id="Javascript_and_Java" مناظر id="Javascript_and_Java" ). قصة المستخدم رقم 5: يجب أن تحتوي عناصر .main-section على ما لا يقل عن 10 عناصر لعناصر p (وليس كل). قصة المستخدم رقم 6: يجب أن تحتوي عناصر .main-section على ما لا يقل عن 5 عناصر من code (وليس كل). قصة المستخدم # 7: .main-section ينبغي أن يتضمن عناصر لا يقل عن 5 li البنود الكاملة (وليس كل). قصة المستخدم رقم 8: يمكنني رؤية عنصر nav مع id="navbar" المقابلة id="navbar" . قصة المستخدم رقم 9: يجب أن يحتوي عنصر شريط التنقل على عنصر header يحتوي على نص يصف موضوع الوثائق الفنية. قصة المستخدم رقم 10: بالإضافة إلى ذلك ، يجب أن يحتوي a nav-link على رابط ( a ) عناصر بفئة nav-link . يجب أن يكون هناك واحد لكل عنصر مع main-section للفصل. قصة المستخدم رقم 11: يجب أن يأتي عنصر header في شريط التنقل قبل أي رابط ( a ) عناصر في a التنقل. قصة المستخدم رقم 12: يجب أن يحتوي كل عنصر مع فئة nav-link على نص يتطابق مع نص header داخل كل section (على سبيل المثال ، إذا كان لديك عنوان / عنوان "مرحباً بالعالم" ، يجب أن يحتوي nav-link الخاص بك على عنصر يحتوي على النص "مرحبا بالعالم"). قصة المستخدم رقم 13: عندما أنقر على عنصر شريط التنقل ، يجب أن تنتقل الصفحة إلى القسم المقابل من عنصر main-doc (على سبيل المثال ، إذا قمت بالنقر فوق عنصر nav-link يحتوي على النص "Hello world" ، فإن الصفحة تتنقل إلى section العنصر الذي لديه تلك الهوية ويحتوي على المقابلة header قصة المستخدم رقم 14: على الأجهزة الحجم العادية (أجهزة الكمبيوتر المحمولة والمكتبية)، وعنصر مع id="navbar" يجب أن تظهر على الجانب الأيسر من الشاشة، وينبغي دائما قصة المستخدم رقم 15: يجب أن تستخدم صفحة "المستندات التقنية" استعلام وسائط واحد على الأقل. يمكنك إنشاء مشروعك من خلال تسجيل قلم CodePen هذا ، أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها : https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js بمجرد الانتهاء من ذلك ، أرسل عنوان URL إلى مشروع عملك مع جميع اختباراته ، تذكر استخدام Read-Search-Ask طريقة إذا واجهتك مشكلة. Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required