From 579aa7628cadc1cfa6bb82e6201c223aed9b4f7a Mon Sep 17 00:00:00 2001 From: Mo7amm1d <35174384+Mo7amm1d@users.noreply.github.com> Date: Tue, 7 May 2019 01:59:19 +0300 Subject: [PATCH] Improving Arabic translation on several "Basic HTML and HTML5" section files (#34908) * Improving Arabic translation Improving Arabic translation in say-hello-to-html-elements.arabic.md file * Translating Description and Improving Arabic Translation. Translated the Description from the English version. Also Improving the Arabic translation. * Fixing a mistake in translating the tests. * Fixing a mistake I made while translating the tests in headline-with-the-h2-element.arabic.md * Improving the Arabic translation and fixing grammar. * adding space to (I'm a p tag) in line 10 * fixing bad indentation. * fixing bad indentation (mistake by me) * fixing bad indentation (mistake by me) * Add missing Description and Test text Adding missing description text and Test text from English version. Also general improvements to the Translation. * Adding missing description text and Test text Adding missing description text and Test text in in uncomment-html.arabic.md from English version. Also general improvements to the Translation. * Improving the Arabic translation * Minor updates to the translation * Overall Enhancement to the translation. * General translation improvement Improving the translation on the Description, Instructions and the Tests. Separate text to different lines for better readability. * Improving "Link to External Pages with Anchor Elements" Arabic Translation. * Matching characters and entities to the English version. --- .../add-images-to-your-website.arabic.md | 29 ++++++++++++++----- .../comment-out-html.arabic.md | 23 ++++++++------- .../delete-html-elements.arabic.md | 14 ++++----- ...-the-blank-with-placeholder-text.arabic.md | 23 ++++++++++----- .../headline-with-the-h2-element.arabic.md | 24 ++++++++------- ...nform-with-the-paragraph-element.arabic.md | 20 ++++++------- .../introduction-to-html5-elements.arabic.md | 24 +++++++-------- ...ernal-pages-with-anchor-elements.arabic.md | 19 ++++++++---- .../say-hello-to-html-elements.arabic.md | 25 +++++++++++----- .../uncomment-html.arabic.md | 27 ++++++++++------- 10 files changed, 141 insertions(+), 87 deletions(-) diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.arabic.md index 466b9f983d..8fd32afb8b 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.arabic.md @@ -6,22 +6,37 @@ videoUrl: '' localeTitle: إضافة الصور إلى موقع الويب الخاص بك --- -## Description -
يمكنك إضافة الصور إلى موقع الويب الخاص بك باستخدام عنصر img ، والإشارة إلى عنوان URL للصورة المحددة باستخدام السمة src . مثال على ذلك: <img src="https://www.your-image-source.com/your-image.jpg"> لاحظ أن عناصر img ذاتية الإغلاق. يجب أن تحتوي جميع عناصر img على سمة alt . يستخدم النص داخل سمة alt لقارئات الشاشة لتحسين إمكانية الوصول ويظهر في حالة فشل تحميل الصورة. ملاحظة: إذا كانت الصورة مزخرفة تمامًا ، فإن استخدام سمة alt فارغة هو أفضل ممارسة. من الناحية المثالية ، يجب ألا تحتوي سمة alt على أحرف خاصة ما لم تكن هناك حاجة إليها. دعنا نضيف سمة alt إلى مثال img بنا أعلاه: <img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up.">
+## الوصف +
+يمكنك إضافة الصور إلى موقع الويب الخاص بك باستخدام العنصر img ، والإشارة إلى رابط الصورة المحددة باستخدام السمة src . +مثال على ذلك: +<img src="https://www.your-image-source.com/your-image.jpg"> +لاحظ أن العنصر img ذاتي الإغلاق. +يجب أن تحتوي جميع عناصر img على السمة alt . يستخدم النص داخل السمة alt لقارئات الشاشة لتحسين إمكانية الوصول، ويظهر في حالة فشل تحميل الصورة. +ملاحظة: إذا كانت الصورة مزخرفة تمامًا ، فإن استخدام السمة alt بلا نص هو أفضل ممارسة. +من الناحية المثالية ، يجب ألا تحتوي السمة alt على أحرف خاصة ما لم تكن هناك حاجة إليها. +دعنا نضيف السمة alt إلى مثال العنصر img أعلاه: <img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up."> +
-## Instructions -
لنحاول إضافة صورة إلى موقعنا على الويب: إدراج علامة img ، قبل عنصر h2 . الآن تعيين السمة src بحيث يشير إلى هذا العنوان: https://bit.ly/fcc-relaxing-cat أخيرا لا تنس أن تعطي صورتك نص alt .
+## التعليمات +
+لنحاول إضافة صورة إلى موقعنا على الويب: +إدراج الوسم img ، قبل العنصر h2. +الآن قم بتعيين قيمة السمة src بحيث تشير إلى هذا العنوان: +https://bit.ly/fcc-relaxing-cat +أخيرا لا تنس أن تعطي صورتك نص بديل alt . +
-## Tests +## الاختبارات
```yml tests: - text: يجب أن تحتوي صفحتك على عنصر صورة. testString: 'assert($("img").length > 0, "Your page should have an image element.");' - - text: يجب أن تحتوي صورتك على سمة src تشير إلى الصورة الصغيرة. + - text: يجب أن تحتوي صورتك على سمة src تشير إلى صورة القطة الصغيرة. testString: 'assert(new RegExp("\/\/bit.ly\/fcc-relaxing-cat|\/\/s3.amazonaws.com\/freecodecamp\/relaxing-cat.jpg", "gi").test($("img").attr("src")), "Your image should have a src attribute that points to the kitten image.");' - - text: يجب أن يحتوي عنصر الصورة على سمة alt . + - text: يجب أن يحتوي عنصر الصورة على السمة alt . testString: 'assert(code.match(/alt\s*?=\s*?(\"|\").*(\"|\")/), "Your image element must have an alt attribute.");' ``` diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/comment-out-html.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/comment-out-html.arabic.md index ad4b95506c..36347c6203 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/comment-out-html.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/comment-out-html.arabic.md @@ -3,29 +3,32 @@ id: bad87fee1348bd9aedf08804 title: Comment out HTML challengeType: 0 videoUrl: '' -localeTitle: تعليق من HTML +localeTitle: إضافة التعليقات في HTML --- -## Description -
تذكر أنه لبدء التعليق ، تحتاج إلى استخدام <!-- وإنهاء تعليق ، تحتاج إلى استخدام --> هنا سوف تحتاج إلى إنهاء التعليق قبل بدء عنصر h2 الخاص بك.
+## الوصف +
+ تذكر أنه لبدء التعليق تحتاج إلى استخدام الوسم <!-- ، ولإنهاء التعليق تحتاج إلى استخدام الوسم -->. هنا سوف تحتاج إلى إنهاء التعليق قبل بدء العنصر h2 الخاص بك. +
-## Instructions -
قم بالتعليق على عنصر h1 والعنصر p ، ولكن ليس عنصر h2 الخاص بك.
-## Tests +## التعليمات +
قم بتعليق العنصرين h1 وp ، اما العنصر h2 فاتركه دون تعليق.
+ +## الاختبارات
```yml tests: - - text: قم بالتعليق على عنصر h1 بحيث لا يكون مرئيًا على صفحتك. + - text: قم بتعليق العنصر h1 بحيث لا يكون مرئيًا على صفحتك. testString: 'assert(($("h1").length === 0), "Comment out your h1 element so that it is not visible on your page.");' - - text: اترك عنصر h2 مُعالج بحيث يكون مرئيًا على صفحتك. + - text: اترك العنصر h2 دون تعليق ليكون مرئيا على صفحتك. testString: 'assert(($("h2").length > 0), "Leave your h2 element uncommented so that it is visible on your page.");' - - text: قم بالتعليق على عنصر p الخاص بك بحيث لا يكون مرئيًا على صفحتك. + - text: قم بتعليق العنصر p بحيث لا يكون مرئيًا على صفحتك. testString: 'assert(($("p").length === 0), "Comment out your p element so that it is not visible on your page.");' - text: تأكد من إغلاق كل تعليقاتك باستخدام --> . testString: 'assert(code.match(/[^fc]-->/g).length > 1, "Be sure to close each of your comments with -->.");' - - text: لا تقم بتغيير ترتيب h1 h2 أو p في التعليمة البرمجية. + - text: لا تقم بتغيير ترتيب h1 أو h2 أو p في الكود البرمجي. testString: 'assert((code.match(/<([a-z0-9]){1,2}>/g)[0]==="

" && code.match(/<([a-z0-9]){1,2}>/g)[1]==="

" && code.match(/<([a-z0-9]){1,2}>/g)[2]==="

") , "Do not change the order of the h1 h2 or p in the code.");' ``` diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/delete-html-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/delete-html-elements.arabic.md index 664e3a52af..34da8649ea 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/delete-html-elements.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/delete-html-elements.arabic.md @@ -6,22 +6,22 @@ videoUrl: '' localeTitle: احذف عناصر HTML --- -## Description +## الوصف

لا يمتلك هاتفنا مساحة عمودية كبيرة. دعونا نزيل العناصر غير الضرورية حتى نتمكن من البدء في بناء CatPhotoApp.
-## Instructions -
احذف عنصر h1 حتى نتمكن من تبسيط طريقة العرض الخاصة بنا.
+## الخطوات +
احذف العنصر h1 حتى نتمكن من تبسيط طريقة العرض.
-## Tests +## الاختبارات
```yml tests: - - text: احذف عنصر h1 . + - text: احذف العنصر h1 . testString: 'assert(!code.match(/

/gi) && !code.match(/<\/h1>/gi), "Delete your h1 element.");' - - text: اترك عنصر h2 على الصفحة. + - text: اترك العنصر h2 على الصفحة. testString: 'assert(code.match(/

[\w\W]*<\/h2>/gi), "Leave your h2 element on the page.");' - - text: اترك عنصر p الخاص بك على الصفحة. + - text: اترك العنصر p على الصفحة. testString: 'assert(code.match(/

[\w\W]*<\/p>/gi), "Leave your p element on the page.");' ``` diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.arabic.md index 8fb389d8cf..459c35d333 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.arabic.md @@ -3,21 +3,30 @@ id: bad87fee1348bd9aedf08833 title: Fill in the Blank with Placeholder Text challengeType: 0 videoUrl: '' -localeTitle: '' +localeTitle: 'ملء الفراغات بإستخدام النص النائب' --- -## Description -undefined +## الوصف +

+عادة ما يستخدم مطورو الويب النص lorem ipsum text كنص بديل. وهو نص عشوائي مأخوذ من فقرة مشهورة لكاتب روما القديمة شيشرون. +وقد استخدم هذا النص من قبل الطابعيين منذ القرن السادس عشر واستمر هذا التقليد في الويب. +حسنا، خمسة قرون طويلة بما فيه الكفاية. بما اننا سنقوم ببناء تطبيق صور القطط (CatPhotoApp)، لنستخدم شيء مثل kitty ipsum text. +
-## Instructions -
استبدال النص داخل عنصر p مع الكلمات القليلة الأولى من هذا النص ipsum كيتي: Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
-## Tests +## التعليمات +
+ استبدال النص الموجود بداخل العنصر p بالكلمات الأولى من النص التالي: +Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. +
+ + +## الاختبارات
```yml tests: - - text: '' + - text: يجب ان يحتوي العنصر p على الكلمات الأولى من النصkitty ipsum text. testString: 'assert.isTrue((/Kitty(\s)+ipsum/gi).test($("p").text()), "Your p element should contain the first few words of the provided kitty ipsum text.");' ``` diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.arabic.md index f842f191dc..12e8751eb0 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.arabic.md @@ -3,31 +3,33 @@ id: bad87fee1348bd9aedf0887a title: Headline with the h2 Element challengeType: 0 videoUrl: '' -localeTitle: العنوان مع العنصر h2 +localeTitle: إنشاء عنوان بإستخدام العنصر h2 --- -## Description -undefined +## الوصف +
+ في الدروس القادمة، سنقوم بإنشاء تطبيق ويب للصور القطع قطعة بقطعة. العنصر h2 الذي ستضيفه في هذه الخطوة، سيقوم بإضافة عنوان من المستوى الثاني لصفحة الويب. هذا العنصر يخبر المتصفح بنية موقعك. العنصر h1 غالباً ما يستخدم في العنوان الرئيسي، بينما العنصر h2 يستخدم بشكل عام في العنوان الفرعية. هنالك ايضا عناصر اخرى وهي h3 و h4 و h5 و h6 و هي تمثل مستويات مختلفة من العناوين الفرعية.
-## Instructions -
إضافة علامة h2 تقول "CatPhotoApp" لإنشاء element HTML ثاني أسفل العنصر h1 "Hello World".
+## التعليمات +
إضافة وسم h2 يعرض الجملة "CatPhotoApp" لإنشاء عنصر HTML ثاني أسفل العنصر h1 "Hello World".
-## Tests +## الاختبارات
```yml tests: - - text: قم بإنشاء عنصر h2 . - testString: 'assert(($("h2").length > 0), "Create an h2 element.");' - - text: '' + - text: 'قم بإنشاء العنصر h2.' + testString: 'assert(($("h2").length > 0), "انشئ عنصر h2.");' + - text: 'تأكد من إغلاق قوس العنصر h2.' testString: 'assert(code.match(/<\/h2>/g) && code.match(/<\/h2>/g).length === code.match(/

/g).length, "Make sure your h2 element has a closing tag.");' - - text: '' + - text: 'العنصر h2 يجب أن يحتوي على النص التالي "CatPhotoApp".' testString: 'assert.isTrue((/cat(\s)?photo(\s)?app/gi).test($("h2").text()), "Your h2 element should have the text "CatPhotoApp".");' - - text: يجب أن يحتوي العنصر h1 على النص "Hello World". + - text: العنصر h1 يجب أن يحتوي على النص التالي "Hello World". testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your h1 element should have the text "Hello World".");' ``` +

## Challenge Seed diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.arabic.md index 73284ecca6..0628676462 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.arabic.md @@ -3,25 +3,25 @@ id: bad87fee1348bd9aedf08801 title: Inform with the Paragraph Element challengeType: 0 videoUrl: '' -localeTitle: '' +localeTitle: 'الإعلام بإستخدام عنصر الفقرات' --- -## Description -
تعد العناصر p العنصر المفضل لنص الفقرة على مواقع الويب. p قصيرة في "الفقرة". يمكنك إنشاء عنصر فقرة مثل: <p>I'm ap tag!</p>
+## الوصف +
يعد العنصر p هو العنصر المفضل لنصوص الفقرات في مواقع الويب. pهي اختصار لكلمة في "paragraph" (**وتعني فقرة**). يمكنك إنشاء عنصر الفقرة كالتالي: <p>I'm a p tag!</p>
-## Instructions -
قم بإنشاء عنصر p أسفل عنصر h2 ، وأعطه النص "Hello Paragraph".
+## التعليمات +
قم بإنشاء عنصر p أسفل العنصر h2 ، واكتب به هذا النص "Hello Paragraph".
-## Tests +## الاختبارات
```yml tests: - - text: قم بإنشاء عنصر p . - testString: 'assert(($("p").length > 0), "Create a p element.");' - - text: يجب أن يحتوي عنصر p على النص "Hello Paragraph". + - text: انشئ العنصر p. + testString: 'assert(($("p").length > 0), "Create an h2 element.");' + - text: يجب أن يحتوي العنصر p على النص التالي "Hello Paragraph". testString: 'assert.isTrue((/hello(\s)+paragraph/gi).test($("p").text()), "Your p element should have the text "Hello Paragraph".");' - - text: تأكد من أن عنصر p لديه علامة إغلاق. + - text: تأكد من أن العنصر p لديه وسم إغلاق. testString: 'assert(code.match(/<\/p>/g) && code.match(/<\/p>/g).length === code.match(/

p element has a closing tag.");' ``` diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.arabic.md index cbc7e68d15..f50cc1efc2 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.arabic.md @@ -6,30 +6,30 @@ videoUrl: '' localeTitle: مقدمة إلى عناصر HTML5 --- -## Description -

يقدم HTML5 مزيدًا من علامات HTML الوصفية. تشمل هذه header footer nav video article section وغيرها. تجعل هذه العلامات HTML أسهل في القراءة ، وتساعد أيضًا في تحسين محركات البحث (SEO) وإمكانية الوصول. تساعد علامة HTML5 main محركات البحث والمطورين الآخرين في العثور على المحتوى الرئيسي لصفحتك. ملحوظة
تتم تغطية العديد من علامات HTML5 الجديدة وفوائدها في قسم "إمكانية الوصول التطبيقي".
+## الوصف +
يقدم HTML5 مزيدًا من وسوم HTML الوصفية. تشمل تلك الوسوم header و footer nav و video و article و section وغيرها. تجعل هذه الوسوم كود HTML الخاص بك، أسهل في القراءة، وتساعد أيضًا في تحسين محركات البحث (SEO) وإمكانية الوصول. وسم main وهو احد اوسمة HTML5،وهو يساعد محركات البحث والمطورين الآخرين في العثور على المحتوى الرئيسي لصفحتك. ملحوظة
تتم تغطية العديد من وسوم HTML5 الجديدة وفوائدها في قسم "إمكانية الوصول التطبيقي".
-## Instructions -
إنشاء الثاني p العنصر بعد القائمة p عنصر مع النص كيتي هوز التالية: Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. التفاف الفقرات مع علامة main فتح وإغلاق.
+## التعليمات +
إنشئ عنصر p ثاني بعد العنصر p الموجود واضف له نص kitty ipsum التالي: Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. قم بكتابة الفقرات بداخل وسمي بداية ونهائية للعنصر main.
-## Tests +## الاختبارات
```yml tests: - - text: تحتاج 2 p العناصر مع النص كيتي هوز. + - text: يجب ان يكون هنالك عنصرين p بهما نص Kitty Ipsum. testString: 'assert($("p").length > 1, "You need 2 p elements with Kitty Ipsum text.");' - - text: تأكد من أن كل عنصر من عناصر p لديه علامة إغلاق. + - text: تأكد من ان كل عناصر p لها وسم إغلاق. testString: 'assert(code.match(/<\/p>/g) && code.match(/<\/p>/g).length === code.match(/

p elements has a closing tag.");' - - text: يجب أن يحتوي عنصر p على الكلمات القليلة الأولى من kitty ipsum text الإضافية المتوفرة. + - text: يجب أن يحتوي عنصر p على الكلمات القليلة الأولى من نص kitty ipsum text الإضافي المزود. testString: 'assert.isTrue((/Purr\s+jump\s+eat/gi).test($("p").text()), "Your p element should contain the first few words of the provided additional kitty ipsum text.");' - - text: يجب أن يحتوي main عنصر main واحد. + - text: يجب أن يحتوي الكود على عنصر main واحد. testString: 'assert($("main").length === 1, "Your code should have one main element.");' - - text: يجب أن يحتوي العنصر main على عنصرين فقرة كأطفال. + - text: يجب أن يحتوي العنصر main على عنصرين فقرة كأطفال (اي بداخل العنصر). testString: 'assert($("main").children("p").length === 2, "The main element should have two paragraph elements as children.");' - - text: يجب أن تأتي العلامة الافتتاحية main قبل علامة الفقرة الأولى. + - text: يجب أن يأتي الوسم الافتتاحي main قبل علامة الفقرة الأولى. testString: 'assert(code.match(/

\s*?

/g), "The opening main tag should come before the first paragraph tag.");' - - text: يجب أن تأتي علامة الإغلاق main بعد علامة فقرة الإغلاق الثانية. + - text: يجب أن يأتي وسم الإغلاق main بعد علامة فقرة الإغلاق الثانية. testString: 'assert(code.match(/<\/p>\s*?<\/main>/g), "The closing main tag should come after the second closing paragraph tag.");' ``` diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.arabic.md index 780ac883c0..80e2d07165 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.arabic.md @@ -3,25 +3,32 @@ id: bad87fee1348bd9aedf08816 title: Link to External Pages with Anchor Elements challengeType: 0 videoUrl: '' -localeTitle: وصلة إلى الصفحات الخارجية مع عناصر مرساة +localeTitle: ربط الصفحات الخارجية بستخدام عناصر المرساة Anchor + --- ## Description -

يمكنك استخدام عناصر anchor للربط بمحتوى خارج صفحة الويب الخاصة بك. تحتاج عناصر anchor إلى عنوان ويب مقصود يسمى سمة href . هم أيضا بحاجة إلى مرساة النص. في ما يلي مثال: <a href="https://freecodecamp.org">this links to freecodecamp.org</a> ثم يعرض المتصفح النص "روابط إلى freecodecamp.org" كحلقة يمكنك النقر عليها. وسيأخذك هذا الرابط إلى عنوان الويب https://www.freecodecamp.org .
+
+يمكنك استخدام العنصر anchor للربط بمحتوى خارج صفحة الويب الخاصة بك. +يحتاج العنصر anchor إلى عنوان ويب يسمى بالسمة href. هذه السمة تحتاج نص للرابط. +في ما يلي مثال: +<a href="https://freecodecamp.org">روابط إلى freecodecamp.org</a> ثم يعرض المتصفح النص "روابط إلى freecodecamp.org" كرابط يمكنك النقر عليها. +وسيأخذك هذا الرابط إلى عنوان الويب https://www.freecodecamp.org. +
## Instructions -
إنشاء a العنصر الذي يربط http://freecatphotoapp.com ولديه "صور القط"، كما لها anchor text .
+
إنشاء العنصر a الذي يربط http://freecatphotoapp.com له النص "cat photos"، في نص الرابط .
## Tests
```yml tests: - - text: الخاص بك a يجب أن يكون العنصر في anchor text من "صور القط". + - text: يجب أن يحتوي العنصر a الخاص بك على "cat photos" كنص للرابط anchor text . testString: 'assert((/cat photos/gi).test($("a").text()), "Your a element should have the anchor text of "cat photos".");' - - text: 'تحتاج إلى a العنصر الذي يربط http://freecatphotoapp .com' + - text: 'تحتاج إلى عنصر a يربط بالعنوان http://freecatphotoapp.com' testString: 'assert(/http:\/\/(www\.)?freecatphotoapp\.com/gi.test($("a").attr("href")), "You need an a element that links to http://freecatphotoapp.com");' - - text: تأكد من a عنصر يحتوي على علامة إغلاق. + - text: تأكد من ان العنصر a يحتوي على وسم إغلاق. testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/a element has a closing tag.");' ``` diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.arabic.md index 55c2158052..544f5fb815 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.arabic.md @@ -3,21 +3,32 @@ id: bd7123c8c441eddfaeb5bdef title: Say Hello to HTML Elements challengeType: 0 videoUrl: '' -localeTitle: '' +localeTitle: 'قل مرحبا لعناصر HTML' --- -## Description -
مرحبًا بك في تحديات ترميز HTML لـ freeCodeCamp. ستوجهك هذه الخطوات من خلال تطوير الويب خطوة بخطوة. أولاً ، ستبدأ ببناء صفحة ويب بسيطة باستخدام HTML. يمكنك تحرير code في code editor الخاص بك ، والذي تم تضمينه في صفحة الويب هذه. هل ترى الرمز في محرر التعليمات البرمجية الذي يقول <h1>Hello</h1> ؟ هذا هو element HTML. تحتوي معظم عناصر HTML على opening tag closing tag . تبدو علامات الفتح بالشكل التالي: <h1> تبدو علامات الإغلاق كما يلي: </h1> الفرق الوحيد بين علامات الفتح والإغلاق هو شرطة مائلة للأمام بعد قوس الفتح لعلامة إغلاق. لكل تحد اختبارات يمكنك تشغيلها في أي وقت بالنقر فوق الزر "تشغيل الاختبارات". عندما تجتاز جميع الاختبارات ، ستتم مطالبتك بإرسال الحل والانتقال إلى التحدي التالي في الترميز.
+## الوصف +
مرحبًا بك في تحديات الـ HTML البرمجية الخاصة بـ freeCodeCamp . من خلال هذه التحديات ستتعلم تطوير الويب خطوة بخطوة. أولاً ، ستبدأ ببناء صفحة ويب بسيطة باستخدام HTML. +يمكنك تحرير الكود في محرر الأكواد الخاص بك ، والذي تم تضمينه في صفحة الويب هذه. +هل ترى الكود <h1>Hello</h1> الموجودة في محرر الأكواد ؟ هذا هو العنصر في لغة الـ HTML. -## Instructions -
لتمرير الاختبار على هذا التحدي ، قم بتغيير نص عنصر h1 ليقول "Hello World".
+تحتوي معظم عناصر لغة الـ HTML على وسم الفتح و وسم الإغلاق. -## Tests + تبدو علامات الفتح بالشكل التالي: +<h1> ، +اما علامات الإغلاق فهي كما يلي: +</h1>. + +الفرق الوحيد بين علامتي الفتح والإغلاق هو علامة الشَرطة المائلة للأمام بعد قوس الفتح، لوسم الإغلاق. لكل تحدٍ اختبارات يمكنك تنفيذها في أي وقت بالنقر على زر "تشغيل الاختبارات". عندما تجتاز جميع الاختبارات ، سيطلب منك إرسال الحل والانتقال للتحدي البرمجي التالي.
+ +## التعليمات +
لاجتياز في هذا التحدي، قم بتغيير نص العنصر h1 لإخراج الجملة "Hello World".
+ +## الاختبارات
```yml tests: - - text: '' + - text: 'العنصر h1 يجب ان يحتوي على النص "Hello World".' testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your h1 element should have the text "Hello World".");' ``` diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/uncomment-html.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/uncomment-html.arabic.md index d7bddefc95..4e118e42a3 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/uncomment-html.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/uncomment-html.arabic.md @@ -3,30 +3,37 @@ id: bad87fee1348bd9aedf08802 title: Uncomment HTML challengeType: 0 videoUrl: '' -localeTitle: Uncomment HTML +localeTitle: إلغاء التعليقات في HTML --- -## Description -undefined +## الوصف +
+التعليق طريقة لترك تعليقات للمطورين الاخرين في الكود دون التأثير على المخرجات التي تعرض للمستخدم النهائي. +ايضا، هو طريقة مناسبة لجعل الكود غير نشط (اي لا ينفذ) دون حذفه بالكامل. +التعليقات في الـ HTML تبدأ بالوسم <!-- وتنتهي بالوسم -->. +
-## Instructions -
إلغاء h2 عناصر h1 و h2 و p .
-## Tests +## التعليمات +
الغي التعليقات من هذه العناصر h1 و h2 و p. +
+ +## الاختبارات
```yml tests: - - text: اجعل عنصر h1 مرئيًا على صفحتك من خلال إلغاء تحميله. + - text: اجعل العنصر h1 مرئيًا على صفحتك من خلال إلغاء التعليق. testString: 'assert($("h1").length > 0, "Make your h1 element visible on your page by uncommenting it.");' - - text: اجعل عنصر h2 مرئيًا على صفحتك من خلال إلغاء تحميله. + - text: اجعل العنصر h2 مرئيًا على صفحتك من خلال إلغاء التعليق. testString: 'assert($("h2").length > 0, "Make your h2 element visible on your page by uncommenting it.");' - - text: اجعل العنصر p مرئيًا على صفحتك من خلال إلغاء تحميله. + - text: اجعل العنصر p مرئيًا على صفحتك من خلال إلغاء التعليق. testString: 'assert($("p").length > 0, "Make your p element visible on your page by uncommenting it.");' - - text: تأكد من حذف جميع علامات التعليق الزائدة ، مثل --> . + - text: تأكد من حذف جميع وُسُوم نهاية التعليق مثل --> . testString: 'assert(!/[^fc]-->/gi.test(code.replace(/ *