diff options
Diffstat (limited to 'files')
5760 files changed, 0 insertions, 942286 deletions
diff --git a/files/ar/_redirects.txt b/files/ar/_redirects.txt deleted file mode 100644 index c134f42a5c..0000000000 --- a/files/ar/_redirects.txt +++ /dev/null @@ -1,92 +0,0 @@ -# DO NOT EDIT THIS FILE MANUALLY. -# Use the CLI instead: -# -# yarn content add-redirect <fromURL> <toURL> -# -# FROM-URL TO-URL -/ar/docs/Glossary/الحروف /ar/docs/Glossary/Character -/ar/docs/Glossary/الخاصية /ar/docs/Glossary/property -/ar/docs/Glossary/الدوال_من_الدرجة_الأولى /ar/docs/Glossary/First-class_Function -/ar/docs/Glossary/الكائنات /ar/docs/Glossary/Object -/ar/docs/Glossary/المجالات /ar/docs/Glossary/Scope -/ar/docs/HTML /ar/docs/Web/HTML -/ar/docs/HTML/Element /ar/docs/Web/HTML/Element -/ar/docs/HTML/Element/article /ar/docs/Web/HTML/Element/article -/ar/docs/HTML/Element/bdo /ar/docs/Web/HTML/Element/bdo -/ar/docs/HTML/Element/headings_elements /ar/docs/Web/HTML/Element/Heading_Elements -/ar/docs/HTML/Element/span /ar/docs/Web/HTML/Element/span -/ar/docs/HTML/Element/tt /ar/docs/Web/HTML/Element/tt -/ar/docs/Learn/CSS/Introduction_to_CSS /en-US/docs/Learn/CSS/First_steps -/ar/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works /en-US/docs/Learn/CSS/First_steps/How_CSS_works -/ar/docs/Learn/CSS/Introduction_to_CSS/Selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors -/ar/docs/Learn/Common_questions/كيفية_عمل /ar/docs/Learn/Common_questions/How_does_the_Internet_work -/ar/docs/Learn/Getting_started_with_the_web/أساسيات_صفحات_الطرز_المتراصة /ar/docs/Learn/Getting_started_with_the_web/CSS_basics -/ar/docs/Learn/Getting_started_with_the_web/أساسيات_لغة_ترميز_النص_الفائق /ar/docs/Learn/Getting_started_with_the_web/HTML_basics -/ar/docs/Learn/Getting_started_with_the_web/التعامل_مع_الملفات /ar/docs/Learn/Getting_started_with_the_web/Dealing_with_files -/ar/docs/Learn/Getting_started_with_the_web/تثبيت_البرمجيات_الأساسية /ar/docs/Learn/Getting_started_with_the_web/Installing_basic_software -/ar/docs/Learn/Getting_started_with_the_web/كيف_يجب_أن_يبدو_موقعك /ar/docs/Learn/Getting_started_with_the_web/What_will_your_website_look_like -/ar/docs/Learn/HTML/Forms /ar/docs/Learn/Forms -/ar/docs/Learn/HTML/الجداول /ar/docs/Learn/HTML/Tables -/ar/docs/Learn/HTML/بسيطة_HTML_إنشاء_صفحة /ar/docs/conflicting/Learn/Getting_started_with_the_web -/ar/docs/Learn/HTML/مقدمة_إلى_لغة_ترميز_النص_الفائق /ar/docs/Learn/HTML/Introduction_to_HTML -/ar/docs/Learn/HTML/مقدمة_إلى_لغة_ترميز_النص_الفائق/Getting_started /ar/docs/Learn/HTML/Introduction_to_HTML/Getting_started -/ar/docs/Learn/HTML/مقدمة_إلى_لغة_ترميز_النص_الفائق/HTML_text_fundamentals /ar/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals -/ar/docs/Learn/How_to_contribute /ar/docs/orphaned/Learn/How_to_contribute -/ar/docs/MDN/Community /ar/docs/orphaned/MDN/Community -/ar/docs/MDN/Community/Whats_happening /ar/docs/orphaned/MDN/Community/Whats_happening -/ar/docs/MDN/Contribute/Guidelines /ar/docs/MDN/Guidelines -/ar/docs/MDN/Contribute/Guidelines/Writing_style_guide /ar/docs/MDN/Guidelines/Writing_style_guide -/ar/docs/MDN/Contribute/Howto/Do_a_technical_review /ar/docs/orphaned/MDN/Contribute/Howto/Do_a_technical_review -/ar/docs/MDN/Contribute/Howto/Do_an_editorial_review /ar/docs/orphaned/MDN/Contribute/Howto/Do_an_editorial_review -/ar/docs/MDN/Contribute/Howto/Set_the_summary_for_a_page /ar/docs/orphaned/MDN/Contribute/Howto/Set_the_summary_for_a_page -/ar/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web /ar/docs/orphaned/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web -/ar/docs/MDN/Contribute/Howto/إنشاء_حساب_على_شبكة_مطوري_موزيلا /ar/docs/orphaned/MDN/Contribute/Howto/Create_an_MDN_account -/ar/docs/MDN/Contribute/Howto/كيفية_إنشاء_وتحرير_الصفحات /ar/docs/MDN/Contribute/Howto/Create_and_edit_pages -/ar/docs/MDN/Contribute/Tools /ar/docs/MDN/Tools -/ar/docs/MDN/Contribute/Tools/Deleting_pages /ar/docs/orphaned/MDN/Tools/Page_deletion -/ar/docs/MDN/Feedback /ar/docs/MDN/Contribute/Feedback -/ar/docs/MDN/Getting_started /ar/docs/MDN/Contribute/Getting_started -/ar/docs/MDN/Kuma /ar/docs/MDN/Yari -/ar/docs/MDN/Tools/Deleting_pages /ar/docs/orphaned/MDN/Tools/Page_deletion -/ar/docs/MDN/User_guide /ar/docs/MDN/Tools -/ar/docs/MDN/User_guide/Deleting_pages /ar/docs/orphaned/MDN/Tools/Page_deletion -/ar/docs/MDN_at_ten /ar/docs/MDN/At_ten -/ar/docs/Mozilla/Add-ons/WebExtensions/ما_هي_امتدادات_الويب /ar/docs/Mozilla/Add-ons/WebExtensions/What_are_WebExtensions -/ar/docs/Web/API/Geolocation/Using_geolocation /ar/docs/Web/API/Geolocation_API -/ar/docs/Web/API/Geolocation/Using_geolocation/Using_the_Geolocation_API /ar/docs/Web/API/Geolocation_API/Using_the_Geolocation_API -/ar/docs/Web/API/HTMLElement.contentEditable /ar/docs/Web/API/HTMLElement/contentEditable -/ar/docs/Web/API/History_API/مثال /ar/docs/Web/API/History_API/Example -/ar/docs/Web/API/Navigator.battery /ar/docs/Web/API/Navigator/battery -/ar/docs/Web/CSS/CSS_Flexible_Box_Layout/المفاهيم_الأساسية_للصندوق_المرن /ar/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox -/ar/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout_arabic /ar/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout -/ar/docs/Web/CSS/التحول /ar/docs/Web/CSS/transform -/ar/docs/Web/CSS/التعليقات /ar/docs/Web/CSS/Comments -/ar/docs/Web/CSS/العناصر_التي_يمكن_تحريكها_باستخدام_CSS_Transitions /ar/docs/Web/CSS/CSS_animated_properties -/ar/docs/Web/Guide/CSS /ar/docs/conflicting/Learn/CSS -/ar/docs/Web/Guide/CSS/Getting_started /ar/docs/conflicting/Learn/CSS/First_steps -/ar/docs/Web/Guide/CSS/Getting_started/Readable_CSS /ar/docs/Learn/CSS/First_steps/How_CSS_is_structured -/ar/docs/Web/Guide/CSS/Getting_started/القوائم /ar/docs/Learn/CSS/Styling_text/Styling_lists -/ar/docs/Web/Guide/HTML /ar/docs/Learn/HTML -/ar/docs/Web/Guide/HTML/HTML5/HTML5_element_list /ar/docs/conflicting/Web/HTML/Element -/ar/docs/Web/Guide/HTML/مقدمة /ar/docs/Learn/HTML/Introduction_to_HTML -/ar/docs/Web/Guide/الرسومات /ar/docs/Web/Guide/Graphics -/ar/docs/Web/HTML/Element/headings_elements /ar/docs/Web/HTML/Element/Heading_Elements -/ar/docs/Web/HTML_لغة_ترميز_النص_الفائق /ar/docs/conflicting/Web/HTML -/ar/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types /ar/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types -/ar/docs/Web/JavaScript/Guide/الدوال /ar/docs/Web/JavaScript/Guide/Functions -/ar/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript /ar/docs/conflicting/Learn/JavaScript/Objects -/ar/docs/Web/JavaScript/Reference/Global_Objects/الارقام /ar/docs/Web/JavaScript/Reference/Global_Objects/Number -/ar/docs/Web/JavaScript/Reference/Global_Objects/رياضيات /ar/docs/Web/JavaScript/Reference/Global_Objects/Math -/ar/docs/Web/JavaScript/Reference/الدوال /ar/docs/Web/JavaScript/Reference/Functions -/ar/docs/Web/JavaScript/Reference/الدوال/get /ar/docs/Web/JavaScript/Reference/Functions/get -/ar/docs/Web/حماية /ar/docs/Web/Security -/ar/docs/Web/دروس /ar/docs/Web/Tutorials -/ar/docs/Web/مرجع. /ar/docs/Web/Reference -/ar/docs/Web_Development /ar/docs/conflicting/Web/Guide -/ar/docs/Web_Development/Mobile /ar/docs/Web/Guide/Mobile -/ar/docs/en /en-US/ -/ar/docs/heesfoord007 /ar/docs/orphaned/heesfoord007 -/ar/docs/أحداث_مكتبة_jQuery /ar/docs/orphaned/أحداث_مكتبة_jQuery -/ar/docs/مكتبة_جي_كويري /ar/docs/orphaned/مكتبة_جي_كويري -/ar/docs/واصفة_SpellCheck_الجديدة_في_HTML5 /ar/docs/orphaned/واصفة_SpellCheck_الجديدة_في_HTML5 -/ar/docs/واصفة_العنوان_في_HTML /ar/docs/orphaned/واصفة_العنوان_في_HTML diff --git a/files/ar/_wikihistory.json b/files/ar/_wikihistory.json deleted file mode 100644 index a4cec6cf97..0000000000 --- a/files/ar/_wikihistory.json +++ /dev/null @@ -1,1813 +0,0 @@ -{ - "Games": { - "modified": "2019-09-11T08:38:03.462Z", - "contributors": [ - "SphinxKnight", - "aminezouhair", - "wbamberg" - ] - }, - "Games/Techniques": { - "modified": "2019-01-17T03:24:22.867Z", - "contributors": [ - "wbamberg" - ] - }, - "Games/Techniques/3D_on_the_web": { - "modified": "2019-03-18T21:28:51.724Z", - "contributors": [ - "wbamberg" - ] - }, - "Games/Techniques/3D_on_the_web/Basic_theory": { - "modified": "2019-03-18T21:28:59.194Z", - "contributors": [ - "HusseinYounis" - ] - }, - "Glossary": { - "modified": "2019-03-23T23:11:22.322Z", - "contributors": [ - "wbamberg", - "ahmadnourallah", - "teoli" - ] - }, - "Glossary/API": { - "modified": "2020-08-25T20:10:54.712Z", - "contributors": [ - "duduindo", - "mcqueen10pr" - ] - }, - "Glossary/Accessibility": { - "modified": "2019-03-18T21:35:58.833Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Algorithm": { - "modified": "2019-03-18T21:36:28.768Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Argument": { - "modified": "2019-03-18T21:36:51.297Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Attribute": { - "modified": "2019-03-18T21:36:29.428Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Bandwidth": { - "modified": "2019-06-11T03:12:16.122Z", - "contributors": [ - "aminezouhair" - ] - }, - "Glossary/Blink": { - "modified": "2019-03-18T21:35:41.170Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Boolean": { - "modified": "2019-03-18T21:31:11.758Z", - "contributors": [ - "mestoo" - ] - }, - "Glossary/Browser": { - "modified": "2019-03-18T21:36:31.049Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Character": { - "modified": "2019-03-18T20:41:14.582Z", - "contributors": [ - "moussagigawatt" - ] - }, - "Glossary/Compile": { - "modified": "2019-03-18T21:23:37.200Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Computer_Programming": { - "modified": "2019-03-18T21:16:51.875Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Cookie": { - "modified": "2019-03-18T21:36:16.444Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Copyleft": { - "modified": "2019-03-18T21:35:36.953Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/DOM": { - "modified": "2019-03-18T20:40:48.174Z", - "contributors": [ - "moussagigawatt" - ] - }, - "Glossary/DOS_attack": { - "modified": "2019-03-18T21:36:23.407Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Data_structure": { - "modified": "2019-03-18T21:36:26.711Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Decryption": { - "modified": "2019-03-18T21:36:31.371Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Denial_of_Service": { - "modified": "2019-01-17T02:56:58.044Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/First-class_Function": { - "modified": "2019-03-18T21:43:51.692Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Forbidden_header_name": { - "modified": "2020-06-22T06:31:52.598Z", - "contributors": [ - "AboAeqab" - ] - }, - "Glossary/Function": { - "modified": "2019-03-18T21:36:11.164Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/GPL": { - "modified": "2019-03-18T21:35:39.106Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Google_Chrome": { - "modified": "2019-03-23T23:11:25.083Z", - "contributors": [ - "ahmadnourallah", - "billhiba" - ] - }, - "Glossary/Grid_Areas": { - "modified": "2020-06-28T15:51:15.774Z", - "contributors": [ - "mos528884" - ] - }, - "Glossary/Hyperlink": { - "modified": "2019-03-18T21:35:47.475Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Identifier": { - "modified": "2019-03-18T21:36:09.613Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Mozilla_Firefox": { - "modified": "2019-03-18T21:36:31.912Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/OOP": { - "modified": "2019-03-18T21:17:28.449Z", - "contributors": [ - "HeSoKa05" - ] - }, - "Glossary/Object": { - "modified": "2019-03-18T21:23:58.693Z", - "contributors": [ - "ahmadnourallah", - "yagoub76" - ] - }, - "Glossary/PHP": { - "modified": "2019-06-12T12:19:18.205Z", - "contributors": [ - "aminezouhair" - ] - }, - "Glossary/Parameter": { - "modified": "2019-03-18T21:36:56.678Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Recursion": { - "modified": "2019-03-18T21:36:11.837Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Rendering_engine": { - "modified": "2019-03-18T21:35:46.725Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Scope": { - "modified": "2019-03-18T20:58:54.465Z", - "contributors": [ - "laloshify" - ] - }, - "Glossary/Search_engine": { - "modified": "2019-03-18T21:36:28.244Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Semantics": { - "modified": "2020-08-29T02:02:08.247Z", - "contributors": [ - "M.M.J", - "ahmadnourallah" - ] - }, - "Glossary/Server": { - "modified": "2019-03-18T21:36:23.269Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/String": { - "modified": "2019-03-18T21:36:08.991Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Tag": { - "modified": "2019-03-18T21:35:59.869Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Variable": { - "modified": "2019-03-18T21:36:36.155Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/WAI": { - "modified": "2019-03-18T21:35:55.598Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/Wrapper": { - "modified": "2019-03-18T21:36:15.120Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/array": { - "modified": "2019-03-18T21:36:12.215Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Glossary/property": { - "modified": "2019-03-18T20:41:18.902Z", - "contributors": [ - "moussagigawatt" - ] - }, - "Learn": { - "modified": "2020-07-16T22:43:37.457Z", - "contributors": [ - "waleed5544", - "svarlamov", - "ahmadnourallah", - "yaser-alazem", - "atefBB", - "AbuShelbayeh", - "Andrew_Pfeiffer" - ] - }, - "Learn/Accessibility": { - "modified": "2020-07-16T22:39:55.334Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Learn/Accessibility/What_is_accessibility": { - "modified": "2020-07-16T22:40:02.857Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Learn/CSS": { - "modified": "2020-07-16T22:25:31.838Z", - "contributors": [ - "MOTZ79567", - "abdallahelmalawy", - "ashrafreda", - "chrisdavidmills" - ] - }, - "Learn/CSS/Building_blocks": { - "modified": "2020-07-16T22:28:06.517Z", - "contributors": [ - "salutis" - ] - }, - "Learn/CSS/Building_blocks/Selectors": { - "modified": "2020-07-16T22:28:34.404Z", - "contributors": [ - "mr0111240" - ] - }, - "Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors": { - "modified": "2020-07-16T22:28:38.491Z", - "contributors": [ - "Emory" - ] - }, - "Learn/CSS/CSS_layout": { - "modified": "2020-07-16T22:26:28.954Z", - "contributors": [ - "kalalmohammad", - "MNizam0802" - ] - }, - "Learn/CSS/First_steps": { - "modified": "2020-07-16T22:27:38.309Z", - "contributors": [ - "wasim1772" - ] - }, - "Learn/CSS/First_steps/How_CSS_is_structured": { - "modified": "2019-03-23T22:26:15.891Z", - "contributors": [ - "atefBB", - "Muhnad" - ] - }, - "Learn/CSS/Styling_text/Styling_lists": { - "modified": "2019-03-23T22:26:05.454Z", - "contributors": [ - "atefBB", - "EmanShaltoutTrend" - ] - }, - "Learn/Common_questions": { - "modified": "2020-07-16T22:35:21.349Z", - "contributors": [ - "ahmadnourallah", - "stephaniehobson" - ] - }, - "Learn/Common_questions/How_does_the_Internet_work": { - "modified": "2020-09-14T10:55:57.301Z", - "contributors": [ - "hichamikka", - "mestoo" - ] - }, - "Learn/Common_questions/What_is_a_web_server": { - "modified": "2020-07-16T22:35:31.003Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Learn/Forms": { - "modified": "2020-12-06T05:54:22.728Z", - "contributors": [ - "coderclouds2018" - ] - }, - "Learn/Front-end_web_developer": { - "modified": "2020-12-09T17:02:05.907Z", - "contributors": [ - "SphinxKnight", - "fffffaadiatom", - "Ghaith_Qublan", - "mohamedalisaleh501" - ] - }, - "Learn/Getting_started_with_the_web": { - "modified": "2020-07-16T22:33:48.981Z", - "contributors": [ - "EngMoathOmar", - "ahmadnourallah", - "cloudresourcemanagergoogleapis", - "chrisdavidmills" - ] - }, - "Learn/Getting_started_with_the_web/CSS_basics": { - "modified": "2020-07-16T22:34:55.259Z", - "contributors": [ - "aminezouhair", - "sami-assasa", - "ahmadnourallah" - ] - }, - "Learn/Getting_started_with_the_web/Dealing_with_files": { - "modified": "2020-07-16T22:34:31.389Z", - "contributors": [ - "ahmadnourallah", - "jwhitlock" - ] - }, - "Learn/Getting_started_with_the_web/HTML_basics": { - "modified": "2020-07-16T22:34:41.479Z", - "contributors": [ - "aminezouhair", - "ahmadnourallah", - "jwhitlock" - ] - }, - "Learn/Getting_started_with_the_web/How_the_Web_works": { - "modified": "2020-09-01T21:08:17.715Z", - "contributors": [ - "fahad43926375", - "EngMoathOmar", - "ipfinder", - "aminezouhair" - ] - }, - "Learn/Getting_started_with_the_web/Installing_basic_software": { - "modified": "2020-07-16T22:34:05.245Z", - "contributors": [ - "ahmadnourallah", - "jwhitlock" - ] - }, - "Learn/Getting_started_with_the_web/JavaScript_basics": { - "modified": "2020-07-16T22:35:07.787Z", - "contributors": [ - "Mohd-PH", - "zidanlab" - ] - }, - "Learn/Getting_started_with_the_web/What_will_your_website_look_like": { - "modified": "2020-07-16T22:34:13.678Z", - "contributors": [ - "ahmadnourallah", - "jwhitlock" - ] - }, - "Learn/HTML": { - "modified": "2020-07-16T22:22:14.487Z", - "contributors": [ - "aminezouhair", - "wasem1772", - "Alihoday", - "Andrew_Pfeiffer" - ] - }, - "Learn/HTML/Introduction_to_HTML": { - "modified": "2020-07-16T22:22:44.780Z", - "contributors": [ - "aminezouhair", - "ahmadnourallah", - "jwhitlock" - ] - }, - "Learn/HTML/Introduction_to_HTML/Getting_started": { - "modified": "2020-07-16T22:22:56.623Z", - "contributors": [ - "aminezouhair", - "ahmadnourallah", - "jwhitlock" - ] - }, - "Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals": { - "modified": "2020-07-16T22:23:29.319Z", - "contributors": [ - "jwhitlock", - "ahmadnourallah" - ] - }, - "Learn/HTML/Tables": { - "modified": "2020-07-16T22:25:09.678Z", - "contributors": [ - "aminezouhair" - ] - }, - "Learn/JavaScript": { - "modified": "2020-07-16T22:29:36.627Z", - "contributors": [ - "Mohd-PH", - "Roadsky", - "amirmekk", - "chrisdavidmills" - ] - }, - "Learn/JavaScript/First_steps": { - "modified": "2020-07-16T22:29:47.870Z", - "contributors": [ - "Mohd-PH", - "SphinxKnight" - ] - }, - "Learn/JavaScript/First_steps/A_first_splash": { - "modified": "2020-11-17T07:52:07.930Z", - "contributors": [ - "heshamali", - "ibrahim.ham" - ] - }, - "Learn/JavaScript/First_steps/Useful_string_methods": { - "modified": "2020-11-07T10:08:34.284Z", - "contributors": [ - "heshamali", - "GawiSh97" - ] - }, - "Learn/JavaScript/Objects": { - "modified": "2020-07-16T22:31:47.619Z", - "contributors": [ - "aminezouhair", - "ALSULTAN", - "moatazalshabuo", - "chrisdavidmills" - ] - }, - "Learn/JavaScript/Objects/Basics": { - "modified": "2020-07-16T22:31:55.874Z", - "contributors": [ - "Youssef-Belmeskine", - "atefBB" - ] - }, - "Learn/JavaScript/Objects/Inheritance": { - "modified": "2020-07-16T22:32:11.167Z", - "contributors": [ - "Youssef-Belmeskine", - "AbrahemAlhofe", - "MohammedAlaa88" - ] - }, - "Learn/JavaScript/Objects/Object-oriented_JS": { - "modified": "2020-07-16T22:32:04.348Z", - "contributors": [ - "Youssef-Belmeskine", - "atefBB" - ] - }, - "Learn/JavaScript/Objects/Object_prototypes": { - "modified": "2020-07-16T22:32:18.432Z", - "contributors": [ - "Youssef-Belmeskine", - "MohammedAlaa88", - "atefBB" - ] - }, - "Learn/Server-side": { - "modified": "2020-07-16T22:35:55.037Z", - "contributors": [ - "moussagigawatt" - ] - }, - "Learn/Server-side/Django": { - "modified": "2020-07-18T13:31:54.614Z", - "contributors": [ - "tawfik123", - "kruschk" - ] - }, - "Learn/Server-side/Express_Nodejs": { - "modified": "2020-07-16T22:37:50.857Z", - "contributors": [ - "ckashby" - ] - }, - "MDN": { - "modified": "2020-02-19T19:23:57.984Z", - "contributors": [ - "jswisher", - "SphinxKnight", - "aminezouhair", - "wbamberg", - "ahmadnourallah", - "Jeremie", - "MoniV", - "ziyunfei" - ] - }, - "MDN/About": { - "modified": "2019-09-10T08:50:08.705Z", - "contributors": [ - "SphinxKnight", - "wbamberg", - "ahmadnourallah" - ] - }, - "MDN/At_ten": { - "modified": "2019-03-23T22:44:47.432Z", - "contributors": [ - "M.IRAQY999" - ] - }, - "MDN/Contribute": { - "modified": "2019-03-23T23:16:50.906Z", - "contributors": [ - "wbamberg", - "ahmadnourallah", - "Jeremie", - "Mars" - ] - }, - "MDN/Contribute/Feedback": { - "modified": "2020-09-30T17:50:14.200Z", - "contributors": [ - "chrisdavidmills", - "SphinxKnight", - "aminezouhair", - "wbamberg", - "ahmadnourallah" - ] - }, - "MDN/Contribute/Getting_started": { - "modified": "2020-09-30T17:08:48.786Z", - "contributors": [ - "chrisdavidmills", - "wbamberg", - "ahmadnourallah", - "Abu3safeer", - "ihanafieh", - "T9nf" - ] - }, - "MDN/Contribute/Howto": { - "modified": "2019-01-16T19:20:51.257Z", - "contributors": [ - "wbamberg", - "Jeremie", - "Sheppy" - ] - }, - "MDN/Contribute/Howto/Create_and_edit_pages": { - "modified": "2019-03-18T21:28:07.470Z", - "contributors": [ - "AhmedElhatem" - ] - }, - "MDN/Contribute/Howto/Report_a_problem": { - "modified": "2020-01-07T12:21:22.751Z", - "contributors": [ - "peterbe", - "aminezouhair" - ] - }, - "MDN/Contribute/Howto/Tag": { - "modified": "2019-09-10T11:04:17.206Z", - "contributors": [ - "wasim1772", - "wasem1772" - ] - }, - "MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary": { - "modified": "2019-06-15T16:35:07.831Z", - "contributors": [ - "aminezouhair" - ] - }, - "MDN/Guidelines": { - "modified": "2020-09-30T15:27:52.369Z", - "contributors": [ - "chrisdavidmills", - "wbamberg" - ] - }, - "MDN/Guidelines/Writing_style_guide": { - "modified": "2020-09-30T15:27:53.353Z", - "contributors": [ - "chrisdavidmills", - "jswisher", - "maherv" - ] - }, - "MDN/Tools": { - "modified": "2020-09-30T16:47:53.767Z", - "contributors": [ - "chrisdavidmills", - "wbamberg", - "Jeremie", - "Sheppy" - ] - }, - "MDN/Yari": { - "modified": "2019-09-09T15:51:34.712Z", - "contributors": [ - "SphinxKnight", - "wbamberg", - "ahmadnourallah", - "dr-m1991" - ] - }, - "Mozilla": { - "modified": "2019-03-23T23:28:10.569Z", - "contributors": [ - "Daef32", - "Sheppy" - ] - }, - "Mozilla/Add-ons": { - "modified": "2019-09-09T13:12:40.993Z", - "contributors": [ - "SphinxKnight", - "asromre1", - "MGWVc", - "mazenaliyane", - "google", - "hamada7-ym1403", - "viiiiiip123", - "Sheppy" - ] - }, - "Mozilla/Add-ons/WebExtensions": { - "modified": "2020-01-01T18:00:38.391Z", - "contributors": [ - "Anonymous", - "ahmadnourallah", - "ahmedhemada", - "mconca" - ] - }, - "Mozilla/Add-ons/WebExtensions/API": { - "modified": "2019-11-26T22:20:07.365Z", - "contributors": [ - "wbamberg", - "stephaniehobson" - ] - }, - "Mozilla/Add-ons/WebExtensions/API/browsingData": { - "modified": "2020-10-15T22:33:14.238Z", - "contributors": [ - "namma2012" - ] - }, - "Mozilla/Add-ons/WebExtensions/API/contentScripts": { - "modified": "2020-10-15T22:02:46.821Z", - "contributors": [ - "tikooooo" - ] - }, - "Mozilla/Add-ons/WebExtensions/Match_patterns": { - "modified": "2019-03-18T21:03:12.955Z", - "contributors": [ - "kremx80" - ] - }, - "Mozilla/Add-ons/WebExtensions/What_are_WebExtensions": { - "modified": "2020-01-01T17:57:33.756Z", - "contributors": [ - "Anonymous" - ] - }, - "Mozilla/Add-ons/WebExtensions/manifest.json": { - "modified": "2020-10-15T21:59:58.901Z", - "contributors": [ - "wbamberg" - ] - }, - "Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts": { - "modified": "2020-10-15T21:59:55.952Z", - "contributors": [ - "wbamberg", - "ralshammrei" - ] - }, - "Mozilla/Firefox": { - "modified": "2019-09-10T14:57:18.485Z", - "contributors": [ - "SphinxKnight", - "wbamberg", - "ahmadnourallah", - "Benseidseid", - "XMKMX_1937_XMKMX", - "3Li", - "asd996" - ] - }, - "Mozilla/Firefox/Releases": { - "modified": "2020-07-19T01:50:20.887Z", - "contributors": [ - "chrisdavidmills" - ] - }, - "Tools": { - "modified": "2020-07-16T22:44:13.280Z", - "contributors": [ - "SphinxKnight", - "aminezouhair", - "irenesmith", - "hamoody", - "Rami055302" - ] - }, - "Tools/Browser_Console": { - "modified": "2020-07-16T22:35:41.935Z", - "contributors": [ - "ssa918362" - ] - }, - "Tools/Page_Inspector": { - "modified": "2020-08-05T15:30:36.106Z", - "contributors": [ - "jswisher" - ] - }, - "Tools/Page_Inspector/How_to": { - "modified": "2020-08-05T15:30:36.225Z" - }, - "Tools/Storage_Inspector": { - "modified": "2020-07-16T22:36:09.328Z", - "contributors": [ - "7to328" - ] - }, - "Tools/Web_Console": { - "modified": "2020-07-16T22:34:03.927Z", - "contributors": [ - "HeSoKa05" - ] - }, - "Tools/Web_Console/The_command_line_interpreter": { - "modified": "2020-07-16T22:34:18.356Z", - "contributors": [ - "fasol1f" - ] - }, - "Web": { - "modified": "2020-04-16T08:53:18.820Z", - "contributors": [ - "ahmadnourallah", - "hayamgamil26", - "Anonymous", - "alktub", - "aminezouhair", - "mohamed7afezz", - "walidamriou", - "antaraz", - "kadimi", - "ethertank", - "fusionchess" - ] - }, - "Web/API": { - "modified": "2019-03-23T23:12:32.062Z", - "contributors": [ - "ahmadnourallah", - "SafaAlfulaij", - "jehad1123", - "iii59300", - "Ab_sahb2011", - "nickwong" - ] - }, - "Web/API/Attr": { - "modified": "2020-10-15T22:29:41.057Z", - "contributors": [ - "joree20003" - ] - }, - "Web/API/Canvas_API": { - "modified": "2019-03-18T21:38:39.416Z", - "contributors": [ - "SafaAlfulaij" - ] - }, - "Web/API/DOMTokenList": { - "modified": "2020-10-15T22:07:40.998Z", - "contributors": [ - "xfq" - ] - }, - "Web/API/DOMTokenList/length": { - "modified": "2020-10-15T22:07:42.370Z", - "contributors": [ - "GawiSh97" - ] - }, - "Web/API/Document": { - "modified": "2019-07-30T13:32:03.743Z", - "contributors": [ - "alwayslearnedstuff" - ] - }, - "Web/API/Document/designMode": { - "modified": "2019-03-23T22:02:58.144Z", - "contributors": [ - "khaled3afan" - ] - }, - "Web/API/Element": { - "modified": "2019-03-18T21:09:03.057Z", - "contributors": [ - "fscholz", - "fvsch" - ] - }, - "Web/API/Element/className": { - "modified": "2019-03-23T22:07:01.121Z", - "contributors": [ - "Abu3safeer" - ] - }, - "Web/API/Element/closest": { - "modified": "2020-10-15T22:31:36.454Z", - "contributors": [ - "suqbit" - ] - }, - "Web/API/Element/insertAdjacentHTML": { - "modified": "2020-10-15T22:31:15.283Z", - "contributors": [ - "suqbit" - ] - }, - "Web/API/Event": { - "modified": "2019-03-23T23:00:25.185Z", - "contributors": [ - "teoli" - ] - }, - "Web/API/Geolocation": { - "modified": "2019-03-23T22:48:52.907Z", - "contributors": [ - "fscholz" - ] - }, - "Web/API/Geolocation_API": { - "modified": "2019-08-31T16:04:10.213Z", - "contributors": [ - "1043465747", - "elsisi" - ] - }, - "Web/API/Geolocation_API/Using_the_Geolocation_API": { - "modified": "2020-03-22T20:37:24.802Z", - "contributors": [ - "i7cn" - ] - }, - "Web/API/HTMLElement": { - "modified": "2019-03-23T23:00:29.058Z", - "contributors": [ - "teoli" - ] - }, - "Web/API/HTMLElement/contentEditable": { - "modified": "2019-03-23T23:12:35.618Z", - "contributors": [ - "teoli", - "Syrian-Guy" - ] - }, - "Web/API/History_API": { - "modified": "2019-03-23T22:22:50.858Z", - "contributors": [ - "SphinxKnight", - "iJianHuang" - ] - }, - "Web/API/History_API/Example": { - "modified": "2019-03-23T22:22:46.391Z", - "contributors": [ - "atefBB" - ] - }, - "Web/API/Navigator": { - "modified": "2019-03-23T22:15:21.162Z", - "contributors": [ - "Sheppy" - ] - }, - "Web/API/Navigator/battery": { - "modified": "2019-03-23T23:12:40.096Z", - "contributors": [ - "jsx", - "Syrian-Guy" - ] - }, - "Web/API/Node": { - "modified": "2020-10-15T22:29:49.949Z", - "contributors": [ - "Sheppy" - ] - }, - "Web/API/Node/removeChild": { - "modified": "2020-10-15T22:29:47.795Z", - "contributors": [ - "SphinxKnight", - "bodykabetano" - ] - }, - "Web/API/Window": { - "modified": "2020-10-15T22:32:14.260Z", - "contributors": [ - "ANH25" - ] - }, - "Web/API/Window/DOMContentLoaded_event": { - "modified": "2020-10-15T22:33:25.719Z", - "contributors": [ - "katbi89" - ] - }, - "Web/API/Window/alert": { - "modified": "2020-10-15T22:31:54.660Z", - "contributors": [ - "Sultan-Alrefaei" - ] - }, - "Web/API/XSLTProcessor": { - "modified": "2020-10-15T22:07:58.558Z", - "contributors": [ - "ExE-Boss" - ] - }, - "Web/API/XSLTProcessor/Basic_Example": { - "modified": "2019-03-18T21:28:33.053Z", - "contributors": [ - "EnasMahdy" - ] - }, - "Web/Accessibility": { - "modified": "2020-03-18T03:39:58.995Z", - "contributors": [ - "SphinxKnight", - "ahmadnourallah", - "hasabonassor" - ] - }, - "Web/CSS": { - "modified": "2019-09-11T03:31:55.318Z", - "contributors": [ - "SphinxKnight", - "ahmadnourallah", - "Qlbaz" - ] - }, - "Web/CSS/Attribute_selectors": { - "modified": "2020-10-15T22:10:15.383Z", - "contributors": [ - "zidanlab" - ] - }, - "Web/CSS/CSS_Flexible_Box_Layout": { - "modified": "2020-03-28T04:45:36.291Z", - "contributors": [ - "vnctdj" - ] - }, - "Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox": { - "modified": "2020-03-28T05:18:29.446Z", - "contributors": [ - "Mutazalhawash" - ] - }, - "Web/CSS/CSS_Grid_Layout": { - "modified": "2019-03-18T21:35:22.946Z", - "contributors": [ - "AmineBelmili", - "rachelandrew" - ] - }, - "Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout": { - "modified": "2019-03-18T21:35:18.134Z", - "contributors": [ - "harchaoui" - ] - }, - "Web/CSS/CSS_Writing_Modes": { - "modified": "2019-03-23T22:03:16.266Z", - "contributors": [ - "Micro-Shadi" - ] - }, - "Web/CSS/CSS_animated_properties": { - "modified": "2019-03-23T22:09:06.742Z", - "contributors": [ - "Abu3safeer" - ] - }, - "Web/CSS/Comments": { - "modified": "2019-03-23T22:09:00.996Z", - "contributors": [ - "Abu3safeer" - ] - }, - "Web/CSS/Reference": { - "modified": "2019-06-30T14:40:59.845Z", - "contributors": [ - "ESlam247" - ] - }, - "Web/CSS/align-content": { - "modified": "2020-10-17T19:46:08.545Z", - "contributors": [ - "chouaib" - ] - }, - "Web/CSS/order": { - "modified": "2020-10-15T22:25:59.036Z", - "contributors": [ - "CU1KNIGHT" - ] - }, - "Web/CSS/pointer-events": { - "modified": "2020-10-15T22:16:23.258Z", - "contributors": [ - "duduindo", - "AF555" - ] - }, - "Web/CSS/transform": { - "modified": "2020-10-15T22:06:18.420Z", - "contributors": [ - "mohamadlounnas" - ] - }, - "Web/Events": { - "modified": "2020-07-05T11:11:44.298Z", - "contributors": [ - "suqbit" - ] - }, - "Web/Guide": { - "modified": "2019-03-23T23:26:08.829Z", - "contributors": [ - "NadhirBoukhenifra", - "kadimi", - "Sheppy" - ] - }, - "Web/Guide/Graphics": { - "modified": "2019-03-18T21:43:50.204Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Web/Guide/HTML/HTML5": { - "modified": "2020-10-19T18:49:26.722Z", - "contributors": [ - "moussa32", - "teoli", - ".1234waleed", - "ess_a25", - "John.Smith" - ] - }, - "Web/Guide/Mobile": { - "modified": "2019-03-23T23:25:26.627Z", - "contributors": [ - "BenB" - ] - }, - "Web/HTML": { - "modified": "2019-09-11T08:59:54.831Z", - "contributors": [ - "SphinxKnight" - ] - }, - "Web/HTML/Element": { - "modified": "2019-09-11T08:42:21.522Z", - "contributors": [ - "SphinxKnight", - "moaz_osama_okasha", - "elzoz531", - "teoli", - "HelmiHB" - ] - }, - "Web/HTML/Element/Heading_Elements": { - "modified": "2020-10-15T22:08:39.845Z", - "contributors": [ - "SphinxKnight", - "Alhakem" - ] - }, - "Web/HTML/Element/article": { - "modified": "2020-10-15T22:31:03.274Z", - "contributors": [ - "M.M.J", - "a01273477051" - ] - }, - "Web/HTML/Element/bdo": { - "modified": "2020-10-15T22:02:29.578Z", - "contributors": [ - "SphinxKnight", - "zidanlab" - ] - }, - "Web/HTML/Element/input": { - "modified": "2020-10-15T22:35:12.617Z", - "contributors": [ - "chrisdavidmills" - ] - }, - "Web/HTML/Element/input/radio": { - "modified": "2020-10-15T22:35:10.964Z", - "contributors": [ - "mhayajneh" - ] - }, - "Web/HTML/Element/span": { - "modified": "2020-10-15T22:05:54.978Z", - "contributors": [ - "SphinxKnight", - "moaz_osama_okasha" - ] - }, - "Web/HTML/Element/tt": { - "modified": "2020-10-15T22:05:53.553Z", - "contributors": [ - "SphinxKnight", - "moaz_osama_okasha" - ] - }, - "Web/HTTP": { - "modified": "2019-12-23T16:16:43.680Z", - "contributors": [ - "syednomanfaakhir", - "aminezouhair", - "ahmadnourallah", - "ahmadmayahi" - ] - }, - "Web/HTTP/Basics_of_HTTP": { - "modified": "2019-03-18T21:20:43.883Z", - "contributors": [ - "ExE-Boss" - ] - }, - "Web/HTTP/Basics_of_HTTP/MIME_types": { - "modified": "2019-03-18T21:20:43.648Z", - "contributors": [ - "sideshowbarker" - ] - }, - "Web/HTTP/Basics_of_HTTP/MIME_types/Common_types": { - "modified": "2020-02-28T13:10:36.312Z", - "contributors": [ - "chrisdavidmills", - "SphinxKnight", - "bz-a" - ] - }, - "Web/HTTP/Connection_management_in_HTTP_1.x": { - "modified": "2020-06-22T06:07:59.299Z", - "contributors": [ - "semsm128" - ] - }, - "Web/HTTP/Headers": { - "modified": "2019-12-03T06:31:26.128Z", - "contributors": [ - "Malvoz" - ] - }, - "Web/HTTP/Overview": { - "modified": "2020-10-30T02:06:11.197Z", - "contributors": [ - "gms.2000.9.12" - ] - }, - "Web/JavaScript": { - "modified": "2020-05-08T07:16:04.132Z", - "contributors": [ - "joree20003", - "SphinxKnight", - "abdu56", - "ahmadnourallah", - "zidanlab", - "Boukhtam", - "maherv", - "DevOsamaMohamed", - "Benseidseid", - "kadimi", - "walidov", - "riva7", - "ralshammrei2", - "NISHANTSHRESHTH" - ] - }, - "Web/JavaScript/About_JavaScript": { - "modified": "2020-03-12T19:47:47.486Z", - "contributors": [ - "HeSoKa05" - ] - }, - "Web/JavaScript/Guide": { - "modified": "2020-03-12T19:42:18.289Z", - "contributors": [ - "Benseidseid", - "Naaman", - "SphinxKnight" - ] - }, - "Web/JavaScript/Guide/Control_flow_and_error_handling": { - "modified": "2020-03-12T19:45:33.664Z", - "contributors": [ - "Youssef-Belmeskine" - ] - }, - "Web/JavaScript/Guide/Functions": { - "modified": "2020-03-12T19:44:03.918Z", - "contributors": [ - "Youssef-Belmeskine", - "Benseidseid" - ] - }, - "Web/JavaScript/Guide/Grammar_and_types": { - "modified": "2020-03-12T19:42:15.788Z", - "contributors": [ - "atefBB", - "Youssef-Belmeskine", - "Benseidseid", - "Naaman", - "jwasily" - ] - }, - "Web/JavaScript/Guide/Introduction": { - "modified": "2020-03-12T19:42:21.553Z", - "contributors": [ - "Youssef-Belmeskine", - "Benseidseid", - "Naaman" - ] - }, - "Web/JavaScript/Guide/Loops_and_iteration": { - "modified": "2020-03-12T19:45:31.602Z", - "contributors": [ - "Youssef-Belmeskine" - ] - }, - "Web/JavaScript/Guide/Regular_Expressions": { - "modified": "2020-03-12T19:47:23.942Z", - "contributors": [ - "Youssef-Belmeskine", - "SafaAlfulaij" - ] - }, - "Web/JavaScript/Guide/Working_with_Objects": { - "modified": "2020-03-12T19:45:29.171Z", - "contributors": [ - "Youssef-Belmeskine", - "SphinxKnight" - ] - }, - "Web/JavaScript/Reference": { - "modified": "2020-03-12T19:39:44.947Z", - "contributors": [ - "maherv", - "LJHarb" - ] - }, - "Web/JavaScript/Reference/Classes": { - "modified": "2020-10-15T22:05:06.152Z", - "contributors": [ - "rwaldron" - ] - }, - "Web/JavaScript/Reference/Classes/constructor": { - "modified": "2020-10-15T22:05:06.518Z", - "contributors": [ - "MohammedAlaa88" - ] - }, - "Web/JavaScript/Reference/Errors": { - "modified": "2020-03-12T19:48:15.925Z", - "contributors": [ - "Sheppy" - ] - }, - "Web/JavaScript/Reference/Errors/Unexpected_type": { - "modified": "2020-03-12T19:48:14.682Z", - "contributors": [ - "mohamadlounnas" - ] - }, - "Web/JavaScript/Reference/Functions": { - "modified": "2020-03-12T19:44:04.047Z", - "contributors": [ - "Benseidseid" - ] - }, - "Web/JavaScript/Reference/Functions/get": { - "modified": "2020-10-15T22:32:22.148Z", - "contributors": [ - "abdwfawzy985" - ] - }, - "Web/JavaScript/Reference/Global_Objects": { - "modified": "2020-03-12T19:39:41.981Z", - "contributors": [ - "SphinxKnight", - "fscholz" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Array": { - "modified": "2019-03-23T22:26:28.438Z", - "contributors": [ - "DevOsamaMohamed" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Array/isArray": { - "modified": "2019-06-23T15:06:41.749Z", - "contributors": [ - "GawiSh97", - "DevOsamaMohamed" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Array/join": { - "modified": "2019-03-23T22:26:12.736Z", - "contributors": [ - "Abu3safeer", - "DevOsamaMohamed" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Array/pop": { - "modified": "2019-03-23T22:26:21.251Z", - "contributors": [ - "Dr-Rakcha" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Array/reverse": { - "modified": "2019-03-23T22:26:07.581Z", - "contributors": [ - "DevOsamaMohamed" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Array/slice": { - "modified": "2020-10-15T22:31:18.515Z", - "contributors": [ - "suqbit" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Date": { - "modified": "2019-03-23T23:09:44.322Z", - "contributors": [ - "GawiSh97", - "bekti", - "fscholz" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Date/UTC": { - "modified": "2020-10-15T22:07:16.359Z", - "contributors": [ - "GawiSh97" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Date/getDate": { - "modified": "2020-10-15T22:07:16.005Z", - "contributors": [ - "GawiSh97" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Date/now": { - "modified": "2020-10-15T21:56:36.366Z", - "contributors": [ - "GawiSh97", - "Abu3safeer" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Date/parse": { - "modified": "2020-10-15T22:07:15.028Z", - "contributors": [ - "GawiSh97" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Date/setDate": { - "modified": "2020-10-15T22:07:16.408Z", - "contributors": [ - "GawiSh97" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Function": { - "modified": "2020-10-15T22:05:05.412Z", - "contributors": [ - "danielsamuels" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Function/call": { - "modified": "2020-10-15T22:05:04.168Z", - "contributors": [ - "ViNoS-ab", - "Youssef-Belmeskine", - "MohammedAlaa88" - ] - }, - "Web/JavaScript/Reference/Global_Objects/JSON": { - "modified": "2019-03-23T23:01:55.663Z", - "contributors": [ - "Mingun" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Map": { - "modified": "2020-10-15T22:31:39.296Z", - "contributors": [ - "mohamed.yahya.zakria73" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Math": { - "modified": "2020-10-15T22:14:04.029Z", - "contributors": [ - "SphinxKnight", - "ALSULTAN" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Number": { - "modified": "2020-10-10T09:54:31.841Z", - "contributors": [ - "Flemer" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Object": { - "modified": "2020-10-15T22:05:05.541Z", - "contributors": [ - "stmoreau" - ] - }, - "Web/JavaScript/Reference/Global_Objects/Object/constructor": { - "modified": "2020-10-15T22:05:03.728Z", - "contributors": [ - "MohammedAlaa88" - ] - }, - "Web/JavaScript/Reference/Global_Objects/String": { - "modified": "2020-10-15T21:56:27.422Z", - "contributors": [ - "Qrsan", - "fscholz" - ] - }, - "Web/JavaScript/Reference/Global_Objects/String/startsWith": { - "modified": "2020-10-15T22:22:14.192Z", - "contributors": [ - "Mourad_Ouchane" - ] - }, - "Web/JavaScript/Reference/Operators": { - "modified": "2020-12-14T11:30:35.207Z", - "contributors": [ - "Arous" - ] - }, - "Web/JavaScript/Reference/Operators/Destructuring_assignment": { - "modified": "2020-10-15T22:30:09.713Z", - "contributors": [ - "hasheemeg" - ] - }, - "Web/JavaScript/Reference/Operators/Object_initializer": { - "modified": "2020-03-12T19:45:32.164Z", - "contributors": [ - "poode", - "Youssef-Belmeskine" - ] - }, - "Web/JavaScript/Reference/Operators/Operator_Precedence": { - "modified": "2020-03-12T19:49:40.482Z", - "contributors": [ - "suqbit" - ] - }, - "Web/JavaScript/Reference/Statements": { - "modified": "2020-03-12T19:44:08.522Z", - "contributors": [ - "fscholz" - ] - }, - "Web/JavaScript/Reference/Statements/return": { - "modified": "2020-11-23T19:27:26.302Z", - "contributors": [ - "skarfstri" - ] - }, - "Web/MathML": { - "modified": "2019-03-23T22:01:47.703Z", - "contributors": [ - "ahmadnourallah" - ] - }, - "Web/Reference": { - "modified": "2020-09-14T07:03:21.633Z", - "contributors": [ - "coderclouds2018", - "ashqaljnoob07", - "Syrian-Guy" - ] - }, - "Web/SVG": { - "modified": "2019-03-23T23:09:34.687Z", - "contributors": [ - "plgatto" - ] - }, - "Web/SVG/Attribute": { - "modified": "2019-03-23T23:09:27.790Z", - "contributors": [ - "stevenvachon" - ] - }, - "Web/Security": { - "modified": "2019-09-10T16:31:27.104Z", - "contributors": [ - "SphinxKnight", - "aminezouhair" - ] - }, - "Web/Tutorials": { - "modified": "2019-03-23T22:49:35.256Z", - "contributors": [ - "sami-assasa", - "ahmadnourallah", - "jwhitlock", - "hamza-mostafa", - "antaraz" - ] - }, - "conflicting/Learn/CSS": { - "modified": "2019-03-23T23:26:10.869Z", - "contributors": [ - "Sheppy" - ] - }, - "conflicting/Learn/CSS/First_steps": { - "modified": "2019-03-23T22:26:23.175Z", - "contributors": [ - "wjinca" - ] - }, - "conflicting/Learn/Getting_started_with_the_web": { - "modified": "2020-07-16T22:22:26.344Z", - "contributors": [ - "wbamberg", - "mubarak823", - "mhmdiaa" - ] - }, - "conflicting/Learn/JavaScript/Objects": { - "modified": "2020-03-12T19:44:59.681Z", - "contributors": [ - "HeSoKa05", - "Youssef-Belmeskine", - "mustafasalah" - ] - }, - "conflicting/Web/Guide": { - "modified": "2019-03-23T23:25:33.143Z", - "contributors": [ - "ethertank" - ] - }, - "conflicting/Web/HTML": { - "modified": "2019-09-11T08:10:23.337Z", - "contributors": [ - "SphinxKnight", - "aminezouhair", - "ahmadnourallah", - "antaraz" - ] - }, - "conflicting/Web/HTML/Element": { - "modified": "2019-03-23T23:14:56.560Z", - "contributors": [ - "Abu3safeer", - "atefBB", - "mohamedmahmoud", - "teoli", - "Ali.Talib" - ] - }, - "orphaned/Learn/How_to_contribute": { - "modified": "2020-07-16T22:33:42.427Z", - "contributors": [ - "SphinxKnight", - "ahmadnourallah" - ] - }, - "orphaned/MDN/Community": { - "modified": "2019-03-23T22:39:46.468Z", - "contributors": [ - "wbamberg", - "ahmadnourallah", - "Jeremie", - "1071432726" - ] - }, - "orphaned/MDN/Community/Whats_happening": { - "modified": "2019-06-11T03:43:32.787Z", - "contributors": [ - "aminezouhair" - ] - }, - "orphaned/MDN/Contribute/Howto/Create_an_MDN_account": { - "modified": "2019-06-11T03:35:08.931Z", - "contributors": [ - "aminezouhair", - "wbamberg", - "ahmadnourallah", - "mhmdiaa", - "Syrian-Guy" - ] - }, - "orphaned/MDN/Contribute/Howto/Do_a_technical_review": { - "modified": "2019-06-10T14:47:38.844Z", - "contributors": [ - "aminezouhair", - "wbamberg", - "ashqaljnoob" - ] - }, - "orphaned/MDN/Contribute/Howto/Do_an_editorial_review": { - "modified": "2019-06-15T16:26:58.954Z", - "contributors": [ - "aminezouhair" - ] - }, - "orphaned/MDN/Contribute/Howto/Set_the_summary_for_a_page": { - "modified": "2020-02-14T19:30:29.921Z", - "contributors": [ - "a0m0rajab", - "maherv" - ] - }, - "orphaned/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web": { - "modified": "2020-02-28T22:26:02.885Z", - "contributors": [ - "aminezouhair" - ] - }, - "orphaned/MDN/Tools/Page_deletion": { - "modified": "2020-09-30T16:47:53.745Z", - "contributors": [ - "chrisdavidmills", - "wbamberg", - "Jeremie", - "Bettr", - "iii59300" - ] - }, - "orphaned/heesfoord007": { - "modified": "2019-03-23T22:50:44.174Z", - "contributors": [ - "heesfoord007" - ] - }, - "orphaned/أحداث_مكتبة_jQuery": { - "modified": "2019-03-23T23:08:54.898Z", - "contributors": [ - "Syrian-Guy" - ] - }, - "orphaned/مكتبة_جي_كويري": { - "modified": "2019-03-23T23:08:46.056Z", - "contributors": [ - "Syrian-Guy" - ] - }, - "orphaned/واصفة_SpellCheck_الجديدة_في_HTML5": { - "modified": "2019-03-23T23:11:43.327Z", - "contributors": [ - "Syrian-Guy" - ] - }, - "orphaned/واصفة_العنوان_في_HTML": { - "modified": "2019-03-23T23:11:41.974Z", - "contributors": [ - "Syrian-Guy" - ] - } -} diff --git a/files/ar/conflicting/learn/css/first_steps/index.html b/files/ar/conflicting/learn/css/first_steps/index.html deleted file mode 100644 index 523fc257b0..0000000000 --- a/files/ar/conflicting/learn/css/first_steps/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: Getting started with CSS -slug: conflicting/Learn/CSS/First_steps -tags: - - Beginner - - CSS - - CSS:Getting_Started - - Guide - - Needs - - NeedsBeginnerUpdate - - NeedsTranslation - - NeedsUpdate - - TopicStub - - Web -translation_of: Learn/CSS/First_steps -translation_of_original: Web/Guide/CSS/Getting_started -original_slug: Web/Guide/CSS/Getting_started ---- -<p><span class="seoSummary">This tutorial introduces you to the basic features and language (the syntax) for <a href="/en-US/docs/Web/Guide/CSS" title="/en-US/docs/Web/Guide/CSS"><strong>Cascading Style Sheets</strong></a> (CSS). You use CSS to change the look of a structured document, such as a web page. The tutorial also includes sample exercises you can try on your own computer to see the effects of CSS and features that work in modern browsers. </span></p> -<p>The tutorial is for beginners and anyone who would like to review the basics of CSS. If you have more experience with CSS, the CSS main page <a href="/en-US/docs/Web/Guide/CSS" title="/en-US/docs/Web/Guide/CSS">lists</a> more advanced resources.</p> -<nav class="fancyTOC"> - <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/What_is_CSS" rel="next" title="Chapter 'What is CSS' of the CSS tutorial">What is CSS</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS" title="Chapter 'Why use CSS' of the CSS tutorial">Why use CSS</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/How_CSS_works" title="Chapter 'How CSS works' of the CSS tutorial">How CSS works</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance" title="Chapter 'Cascading and inheritance' of the CSS tutorial">Cascading and inheritance</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors" title="Chapter 'Selectors' of the CSS tutorial">Selectors</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS" title="Chapter 'Readable_CSS' of the CSS tutorial">Readable CSS</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles" title="Chapter 'Text_styles' of the CSS tutorial">Text styles</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Color" title="Chapter 'Color' of the CSS tutorial">Color</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Content" title="Chapter 'Content' of the CSS tutorial">Content</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Lists" title="Chapter 'Lists' of the CSS tutorial">Lists</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Boxes" title="Chapter 'Boxes' of the CSS tutorial">Boxes</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Layout" title="Chapter 'Layout' of the CSS tutorial">Layout</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Tables" title="Chapter 'Tables' of the CSS tutorial">Tables</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Media" title="Chapter 'Media' of the CSS tutorial">Media</a></nav> -<h2 id="What_you_need_to_get_started">What you need to get started</h2> -<ul> - <li>A text editor</li> - <li>A modern browser</li> - <li>Some experience working with a text editor and browser</li> -</ul> -<p>Although the exercises can help you learn, you are not required to complete them. You can simply read the tutorial and look at the pictures.</p> -<p><strong>Note:</strong> The tutorial covers how CSS works with color. It will be easier to complete these sections with a color display and normal color vision.</p> -<h2 id="How_to_use_this_tutorial">How to use this tutorial</h2> -<p>To use this tutorial, read the pages carefully and in sequence. If you skip a page, it may be difficult to understand pages later in the tutorial.</p> -<h3 id="Part_I_The_Basics_of_CSS">Part I: The Basics of CSS</h3> -<p>On each page, use the <em>Information</em> section to understand how CSS works. Use the <em>Action</em> section to try using CSS on your own computer.</p> -<p>To test your understanding, take the challenge at the end of each page. Solutions to the challenges are linked under the challenges, so you don't need to look at them if you don't want to.</p> -<p>To understand CSS in more depth, read the information that you find in boxes captioned <em>More details</em>. Use the links there to find reference information about CSS.</p> -<h3 id="Part_II_The_Scope_of_CSS">Part II: The Scope of CSS</h3> -<p>A second part of the tutorial provides examples, which show the scope of CSS with other web and Mozilla technologies.</p> -<ol> - <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/JavaScript" title="en/CSS/Getting_Started/JavaScript">JavaScript</a></li> - <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/SVG_and_CSS" title="en/CSS/Getting_Started/SVG_graphics">SVG graphics</a></li> - <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/XML_data" title="en/CSS/Getting_Started/XML_data">XML data</a></li> - <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/XBL_bindings" title="en/CSS/Getting_Started/XBL_bindings">XBL bindings</a></li> - <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/XUL_user_interfaces" title="en/CSS/Getting_Started/XUL_user_interfaces">XUL user interfaces</a></li> -</ol> diff --git a/files/ar/conflicting/learn/css/index.html b/files/ar/conflicting/learn/css/index.html deleted file mode 100644 index 134aff0622..0000000000 --- a/files/ar/conflicting/learn/css/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: CSS developer guide -slug: conflicting/Learn/CSS -tags: - - CSS - - Guide - - Landing - - NeedsTranslation - - TopicStub -translation_of: Learn/CSS -translation_of_original: Web/Guide/CSS -original_slug: Web/Guide/CSS ---- -<p>{{draft}}</p> -<p><span class="seoSummary">Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML</span> or other markup languages such as SVG<span class="seoSummary">. CSS describes how the structured elements in the document are to be rendered on screen, on paper, in speech, or on other media.</span> The ability to adjust the document's presentation depending on the output medium is a key feature of CSS.</p> -<p>CSS is one of the core languages of the open Web and has a standardized <a class="external" href="http://w3.org/Style/CSS/#specs">W3C specification</a>.</p> -<p>{{LandingPageListSubpages}}</p> -<h2 id="Pages_elsewhere">Pages elsewhere</h2> -<p>Here are other pages related to CSS that should be linked to from here.</p> -<h2 id="See_also">See also</h2> -<ul> - <li><a href="/en-US/docs/Web/CSS" title="/en-US/docs/Web/HTML">CSS</a></li> - <li><a href="/en-US/docs/Web/Reference" title="/en-US/docs/Web/Reference">Web developer reference</a></li> - <li><a href="/en-US/docs/Web/Guide" title="/en-US/docs/Web/Guide">Web developer guide</a></li> -</ul> diff --git a/files/ar/conflicting/learn/getting_started_with_the_web/index.html b/files/ar/conflicting/learn/getting_started_with_the_web/index.html deleted file mode 100644 index f1c63a6ed4..0000000000 --- a/files/ar/conflicting/learn/getting_started_with_the_web/index.html +++ /dev/null @@ -1,306 +0,0 @@ ---- -title: إنشاء صفحة HTML بسيطة -slug: conflicting/Learn/Getting_started_with_the_web -tags: - - البداية -translation_of: Learn/Getting_started_with_the_web -translation_of_original: Learn/HTML/Write_a_simple_page_in_HTML -original_slug: Learn/HTML/بسيطة_HTML_إنشاء_صفحة ---- -<div class="summary"> -<p>فى هذا المقال سوف تتعلم كيق تنشئ صفحة ويب بسيطة باستخدام {{Glossary("HTML")}}</p> -</div> - -<table class="learn-box standard-table"> - <tbody> - <tr> - <th scope="row">المتطلبات الأساسية:</th> - <td>يجب ان يكون لديك <a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Installing_basic_software">محرر نصوص</a> و أن تعلم كيف <a href="/en-US/docs/Learn/Open_a_file_in_a_browser">كيف تفتح ملف فى متصفح</a>.</td> - </tr> - <tr> - <th scope="row">الهدف:</th> - <td>إنشاء صفحة ويب يمكنك عرضها باستخدام متصفحك.</td> - </tr> - </tbody> -</table> - -<h2 id="الملخص">الملخص</h2> - -<p>أن أبسط صفحة ويب هى فقط ملف {{Glossary("HTML")}} . فقط ملف HTML صحيح واحد موجود على حاسبك و متصفح ويب هى كل ما تحتاجه. سوف نرى كبف كيف يمكن استخدام HTML {{Glossary("Tag","tags")}} و سوف تكون فادر على عرض الصفحة التى أنشأتها فى متصفحك.</p> - -<h2 id="التعلم_النشط">التعلم النشط</h2> - -<p>أول شئ؛ تأكد أنه يوجد لديك محرر نصوص تجيد استخدامه و متصفح ويب. على الأغلب أى محرر نصوص سوف يكون كافى؛ على سبيل المثال Notepad فى Windows أو TextEdit فى Mac ؛ ولكن تأكد أنك ستنشئ ملفات نصوص بسيطة (حروف فقط بدون تنسيق). إذا كنت تستخدم TextEdit فى Mac يمكنك اختيار "Make Plain Text" من قائمة "Format".</p> - -<h3 id="الخطوة_الأولى_ملف">الخطوة الأولى: ملف</h3> - -<p>صفحة الويب الواحدة تتكون (على الأقل) من ملف HTML ؛ لذلك سنبدأ بإنشاء واحد. قم بفتح محرر النصوص و قم بإنشاء ملف نصى ؛ ثم اكتب شئ مثل هذا:</p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>Hi there</title> -</head> -<body> - This is a page - a simple page -</body> -</html></pre> - -<p>يمكنك تعديل هذا كما تشاء؛ أنت حر فى أن تضيف أو تغير النص بين وسمى <title></title> و <body></body>. تأكد أن تعطى الملف اسم ينتهى بالإضافة ".html" . على سبيل المثال يمكنك تسميتها "my_page.html".</p> - -<p>الآن لديك ملف على حاسبك ؛ من الممكن أن يكون شكله يشبه هذا (هذا يتوقف على نظام التشغيل الذى تستخدمه) :</p> - -<p><img alt="Screenshot of a file explorer with a html file for local test" src="https://mdn.mozillademos.org/files/8383/Capture%20du%202014-08-20%2021:20:25.png" style="height: 72px; width: 365px;"></p> - -<p>إذا قمت فقط بالضغط مرتين على هذا الملف سوف يُفتح فى متصفحك. إذا أردت فتحه فى محرر النصوص لتعديله قم بالضغط عليه بزر الفأرة الأيمن و اختر فتح الملف فى محرر النصوص. (أو قم بسحبه و إفلاته فى المحرر؛ أو قم بفتح الملف باختيار "open" من قائمة "File" فى المحرر.) ,حسب محررك الملف سوف يبدو مثل هذا:</p> - -<p><img alt="Screenshot of a file explorer with a html file for local test" src="https://mdn.mozillademos.org/files/8385/Capture%20du%202014-08-20%2021:24:06.png" style="height: 180px; width: 311px;"></p> - -<h3 id="الخطوة_الثانية_متصفح_ويب">الخطوة الثانية: متصفح ويب</h3> - -<p>داخل متصفح الملفات الخاص بك(مثل Explorer فى Windows؛ أو Finder فى Mac أو Files فى Ubuntu)، اعثر على الملف الذى أنشأته و قم بفتحه فى متصفحك (بالضغط عليه مرتين؛ أو سحبه و إفلاته على أيقونة المتصفح) الآن المتصفح يعرض النص من ملف HTML الذى أنشأته والتبويب يعرض عنوان الصفحة. هذا يجب أن يشبه هذا؛ حسب نظام تشغيلك و متصفحك:</p> - -<p><img alt="Screenshot of a file explorer with a html file for local test" src="https://mdn.mozillademos.org/files/8387/Capture%20du%202014-08-20%2021:28:22.png" style="border-style: solid; border-width: 1px; height: 111px; width: 513px;"></p> - -<p>يمكنك أن ترى محتوى جسم الصفحة (بين وسمى <body></body>)؛ و العنوان الذى اخترته (بين وسمى <title></title>) يظهر فى التبويب ولكن لا يوجد فاصل بين سطرى النص. شئ مثير للاهتمام.</p> - -<h3 id="الخطوة_الثالثة_التجربة_والتعلم">الخطوة الثالثة: التجربة والتعلم</h3> - -<p>جرب أن تحذف بعض أجزاء ملف HTML وشاهد ما يحدث. بعض الأخطاء لن تؤثر كثيرًا والصفحة ستظل قابلة للعرض فى المتصفح، البعض الاَخر سوف يسبب مشاكل واضحة للنتائج. هذا يحدث لأن المتصفحات تحاول أن تعوض عن بعض الأخطاء الشائعة.</p> - -<p> </p> - -<p>لشيء الذي يجب أن تلاحظه هو أن الشيء الوحيد الذي تراه معروضًا على الشاشة هو النص الذي ليس داخل أقواس الزاوية (والمعروف باسم الرموز الأكبر من وأقل من الرموز ، ولكننا نسميها أقواس معقوفة عند الحديث عن HTML). كل شيء داخل الأقواس الزاوية هو {{Glossary ("tag")}} ، والذي يمثل البنية أو الهيكل العظمي لصفحة الويب الخاصة بك. يظهر كل المحتوى المعروض بين العلامات.</p> - -<p>تحتوي صفحة HTML الخاصة بنا كمثال على قسمين رئيسيين: رأس ، ومضمون في كتلة {{HTMLElement ("head")}} ، وهيئة ، موجودة داخل {{HTMLElement ("body")}}. يحتوي النص على النص المعروض داخل الصفحة.</p> - -<p>لكل علامة معنى محدد ويجب استخدامها وفقًا لذلك ؛ على سبيل المثال ، يتم استخدام {{HTMLElement ("title")}} للإشارة إلى عنوان الصفحة ، والذي قد يختلف عن اسم الملف. لاحظ أيضًا أن العلامات يمكن أن تحدث داخل محتوى علامات أخرى. يتم تضمين {{HTMLElement ("title")}} داخل {@ HTMLElement ("head")}} ، على سبيل المثال.</p> - -<p>إذا كنت تريد إضافة شيء ما مثل صورة إلى صفحتك ، فستحتاج إلى إضافة علامة للصورة والصورة نفسها. فمثلا:</p> - -<p> </p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>Hi there</title> -</head> -<body> - This is a page - a simple page - <img src="unicorn_pic.png" alt="Unicorn picture :)" /> - now with a unicorn -</body> -</html></pre> - -<p>عدّل ملفك ليتضمن علامة {{HTMLElement ("img")}} ، على النحو التالي:</p> - -<pre class="brush: html"><img src="unicorn_pic.png" alt="Unicorn picture :)" /></pre> - -<p> </p> - -<p>يمكن أن تذهب إلى أي مكان داخل {{HTMLElement ("body")}}. لا تنس حفظ الصفحة التي تم تغييرها!</p> - -<p>ثم ضع ملفًا باسم "unicorn_pic.png" في المجلد نفسه كملف HTML. عند تحديث نافذة المتصفح (أو إعادة فتح ملف HTML في متصفحك) ، يجب أن تشاهد المحتوى الذي تم تغييره ، مع استكمال يونيكورن! (لا تنس حفظ صفحتك).</p> - -<p> </p> - -<p><img alt="Original file for the unicorn image" src="https://mdn.mozillademos.org/files/8495/unicorn_pic.png" style="height: 300px; width: 242px;"></p> - -<div class="note"> -<p><strong>ملاحظة: يمكنك الحصول على نسخة من صورة يونيكورن لاستخدامها في تجاربك عن طريق النقر بزر الماوس الأيمن فوق الصورة واختيار خيار "حفظ الصورة باسم ..." من القائمة التي تظهر.</strong></p> -</div> - -<p>The files needed for this page to work now look something like this in your desktop:</p> - -<p><img alt="Screenshot of the explorer with 2 files : a html file and a picture file" src="https://mdn.mozillademos.org/files/8389/Capture%20du%202014-08-20%2021:37:14.png" style="height: 69px; width: 405px;"></p> - -<p>تبدو الملفات المطلوبة لهذه الصفحة الآن تبدو كشيء من هذا القبيل في سطح المكتب الخاص بك:</p> - -<p><img alt="Screenshot for the example with a picture" src="https://mdn.mozillademos.org/files/8499/Capture%20du%202014-09-04%2021:39:16.png" style="border-style: solid; border-width: 1px; height: 404px; width: 664px;"></p> - -<p> </p> - -<p>ربما لاحظت أن علامة {{HTMLElement ("img")}} تحتوي على {{Glossary ("attribute", "attributes")}} التي توفر معلومات إضافية مطلوبة لبناء الكائن المطلوب ، وفي هذه الحالة ، اسم الملف الصورة التي سيتم عرضها والنص البديل الذي سيتم عرضه عندما يتعذر تحميل الصورة.</p> - -<p>هذا مثال على كيفية إضافة صورة إلى صفحتك ، ولكن يمكنك استخدام تقنيات مشابهة لإضافة الموسيقى ومقاطع الفيديو والمزيد ، وكل ذلك باستخدام لا شيء أكثر من HTML.<br> - </p> - -<p> </p> - -<p>الغوص أعمق<br> - هذه ليست صفحة ويب جميلة جدا<br> - كما قد تكون لاحظت ، هذه الصفحة ليست معجزة بالتصميم والجمال. وذلك لأن HTML تدور حول المحتوى وما يعنيه المحتوى (من حيث السياق والعلاقات بين كتل المحتوى) ، بدلاً من التصميم.</p> - -<p>يمكّنك {{Glossary ("CSS")}} من جعل المحتوى يتألق ، وذلك بإضافة التخطيط واللون والخطوط وما إلى ذلك. إن HTML الخالص جيد بما يكفي لصنع صفحات ويب بسيطة ، لكن الصفحات الأكثر تعقيدًا (أو حتى الصفحات البسيطة ذات التصميمات الجذابة) تحتاج عادة إلى CSS وربما {{Glossary ("JavaScript")}}. ينشئ HTML المحتوى وأنماط CSS للمحتوى وجافا سكريبت يجعل المحتوى ديناميكيًا.</p> - -<p>دعونا نجرب قليلا مع CSS بجعل النص الأساسي للصفحة باللون الأزرق:<br> - alghaws 'aemaq<br> - </p> - -<p> </p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>Hi there</title> - <style> - body { - color: blue; - } - </style> -</head> - <body> - <p>This is a some blue text</p> - <img src="unicorn_pic.png" alt="Unicorn picture :)" /> - </body> -</html></pre> - -<p> </p> - -<p>لاحظ إضافة عنصر {{HTMLElement ("style")}} إلى الصفحة {{HTMLElement ("head")}}. هذا يحدد CSS لتطبيقه على النص الأساسي.</p> - -<p>تريد أن يتم تسطير النص؟ حاول إضافة "زخرفة النص: تسطير ؛" حكم على أسلوبك:</p> - -<p> </p> - -<pre class="brush: css">body { - color: blue; - text-decoration: underline; -}</pre> - -<p>تريد أن يكون النص بحجم محدد؟ جرب إضافة "font-size: 42px؛" مثله:</p> - -<pre class="brush: css">body { - color: blue; - text-decoration: underline; - font-size: 42px; -}</pre> - -<p>والنهاية ستكون هكذا:</p> - -<pre class="brush: html"><html> -<head> - <title>Hi there</title> - <style> - body { - color: blue; - text-decoration: underline; - font-size: 42px; - } - </style> -</head> -<body> - <p>This is a blue underlined big text</p> - <img src="unicorn_pic.png" alt="Unicorn picture :)" /> -</body> -</html></pre> - -<p>وإذا قمت بحفظ الصفحة في المحرر الخاص بك ، ثم قم بتحديث المتصفح ، فيجب أن تبدو الصفحة كما يلي:</p> - -<p><img alt="Screenshot of the browser with the page with some CSS" src="https://mdn.mozillademos.org/files/8497/Capture%20du%202014-09-04%2021:40:18.png" style="border-style: solid; border-width: 1px; height: 494px; width: 743px;"></p> - -<p>ينمو إلى صفحتين<br> - عندما تتصفح الويب ، غالبًا ما تصادفك {{Glossary ("hyperlink","links")}} ، وهي الطريقة الأكثر فائدة للانتقال من صفحة إلى أخرى. نظرًا لأن HTML عبارة عن محتوى وتعتبر الروابط نوعًا من المحتوى ، يمكنك إنشاء روابط بين الصفحات باستخدام HTML فقط.</p> - -<p>الربط بين صفحتين محليتين<br> - في هذا التمرين ، ستحتاج إلى إنشاء ملف HTML ثاني على جهاز الكمبيوتر الخاص بك. سنضيف رابطًا إلى كل صفحة حتى يمكنك التبديل سريعًا ذهابًا وإيابًا فيما بينها.</p> - -<p>في الملف الأول يمكنك الاحتفاظ بنفس البنية العامة كما كان من قبل. المهم هو إضافة علامة جديدة ، {{HTMLElement ("a")}} ، على النحو التالي:</p> - -<p> </p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>Page 1 to ground control</title> -</head> -<body> - This is page 1. - <a href="page2.html" title="to page 2">What is going on on page 2?</a> -</body> -</html></pre> - -<p>يجب أن ترتبط الصفحة الثانية بالصفحة الأولى:</p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>Page 2 :)</title> -</head> -<body> - This is a page 2. - <a href="page1.html" title="to page 1"><span>Want to go back to page 1? Click here</span></a> -</body> -</html></pre> - -<div class="note"> - <p><strong>ملاحظة: تأكد من تطابق أسماء الملفات المحددة في سمة href للعلامة {{HTMLElement ("a")}} مع أسماء الملفات التي أنشأتها على جهاز الكمبيوتر.</strong></p> -</div> - -<p> </p> - -<p>يمكنك الآن التنقل بين اثنين من مستندات HTML. افتح الصفحة 1 في المستعرض الخاص بك وانقر فوق الارتباط لفتح الصفحة 2 ، والعكس. يمكنك أيضًا اختبار الزر "السابق" في متصفحك. ستعيدك إلى الصفحة الأخيرة التي كنت تبحث عنها.</p> - -<p>يجب أن يكون لمدير الملفات ملفي HTML في نفس المجلد ، على النحو التالي:</p> - -<p><img alt="Screenshot of the file explorer with two HTML documents in one directory/folder" src="https://mdn.mozillademos.org/files/8395/Capture%20du%202014-08-20%2022:06:05.png" style="height: 92px; width: 595px;"></p> - -<p>الصفحة الاولي تشبه هذه:</p> - -<p><img alt="Screenshot of a file explorer with a html file for local test" src="https://mdn.mozillademos.org/files/8397/Capture%20du%202014-08-20%2022:11:31.png" style="border-style: solid; border-width: 1px; height: 114px; width: 365px;"></p> - -<p>والصفحة الثانية تشبهه هذه بعد الضغط علي link:</p> - -<p><img alt="Screenshot of the 2nd page of the 2 pages example in the browser" src="https://mdn.mozillademos.org/files/8401/Capture%20du%202014-08-20%2022:15:17.png" style="border-style: solid; border-width: 1px; height: 116px; width: 366px;"></p> - -<div class="note"> -<p><textarea></textarea></p> - -<p><textarea>Note: The link back to page 1 is violet because the browser "knows" that we've previously visited the first page.</textarea></p> - -<p><textarea></textarea></p> - -<p>113/5000</p> - -<p>ملاحظة: يعتبر الارتباط مرة أخرى إلى الصفحة رقم 1 هو البنفسجي لأن المتصفح "يعلم" بأننا سبق أن زرنا الصفحة الأولى.</p> - -<p> </p> -</div> - -<p> </p> - -<p>إذا أردت ، يمكنك تجربة ذلك بأكثر من صفحتين ، أو المتابعة إلى القسم التالي للانتقال إلى المستوى التالي.</p> - -<p>الربط بموقع آخر<br> - في هذا التمرين ، سنقوم بإضافة ارتباط إلى ملف HTML بحيث يمكن للقارئ الوصول بسرعة إلى بعض الصفحات المفيدة على الويب. يمكنك الربط بأي شيء متوفر على الويب العام. دعونا نحاول ربط ويكيبيديا:</p> - -<p> </p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>My page</title> -</head> -<body> - One day,...Unicorns are great...See you. - <a href="https://en.wikipedia.org/wiki/Unicorn" title="Unicorn page on Wikipedia"><span>Want to go know more about unicorns? Wikipedia is right here</span></a> -</body> -</html></pre> - -<p>يجب أن يبدو هذا أكثر أو أقل مثل هذا في المتصفح:</p> - -<p><img alt="Screenshot of the example page with a link to Wikipedia in the browser" src="https://mdn.mozillademos.org/files/8403/Capture%20du%202014-08-20%2022:22:24.png" style="height: 158px; width: 861px;"></p> - -<p>قم بتحريك مؤشر الماوس فوق الرابط ؛ سترى السمة {{htmlattrxref ("title")}} المعروضة في تلميح أداة تحويم. يمكن استخدام هذا لتوفير مزيد من المعلومات حول الارتباط ، بحيث يمكن للمستخدم اتخاذ قرار مستنير حول ما إذا كان سيتم النقر عليه أم لا.</p> - -<div class="note"> -<p><strong>تذكير: عندما تقوم بتحرير الصفحة ، لا تنس حفظ الملف على المحرر وتحديث الصفحة على متصفحك حتى تتمكن من رؤية التغييرات التي قمت بها.</strong></p> -</div> - -<h2 id="الخطوات_التالية_كيفية_استخدام_علامات_HTML_هناك_الكثير_من_العلامات_في_HTML_؛_لقد_نظرنا_فقط_في_الأساسيات_هنا!_ستجد_المزيد_من_الموارد_حول_ما_هو_ممكن_هنا._تشريح_صفحة_الويب_تحتوي_HTML_على_بعض_القواعد_وقد_تحتوي_الصفحة_على_الكثير_من_المحتوى_؛_يمكن_أن_يساعدك_ذلك_في_فهم_صفحات_أكثر_تعقيدًا_،_مثل_تلك_المستخدمة_في_بعض_المواقع_الأكثر_شيوعًا_على_الويب!_فهم_الروابط_استخدمنا_بعض_الأمثلة_البسيطة_جدًا_مع_الروابط_؛_هذه_المقالة_لك_إذا_كنت_تريد_أن_تعرف_فهم_لماذا_الروابط_هي_أصل_اسم_ويب._يفيد_استخدام_الصور_وإضافة_الصوت_والفيديو_لإضافة_محتوى_متعدد_الوسائط_باستخدام_HTML_بسيط.">الخطوات التالية<br> - كيفية استخدام علامات HTML: هناك الكثير من العلامات في HTML ؛ لقد نظرنا فقط في الأساسيات هنا! ستجد المزيد من الموارد حول ما هو ممكن هنا.<br> - تشريح صفحة الويب: تحتوي HTML على بعض القواعد وقد تحتوي الصفحة على الكثير من المحتوى ؛ يمكن أن يساعدك ذلك في فهم صفحات أكثر تعقيدًا ، مثل تلك المستخدمة في بعض المواقع الأكثر شيوعًا على الويب!<br> - فهم الروابط: استخدمنا بعض الأمثلة البسيطة جدًا مع الروابط ؛ هذه المقالة لك إذا كنت تريد أن تعرف فهم لماذا "الروابط" هي أصل اسم "ويب".<br> - يفيد استخدام الصور وإضافة الصوت والفيديو لإضافة محتوى متعدد الوسائط باستخدام HTML بسيط.</h2> diff --git a/files/ar/conflicting/learn/javascript/objects/index.html b/files/ar/conflicting/learn/javascript/objects/index.html deleted file mode 100644 index 74c5fd84fb..0000000000 --- a/files/ar/conflicting/learn/javascript/objects/index.html +++ /dev/null @@ -1,425 +0,0 @@ ---- -title: مدخل إلى جافاسكريبت كائنية التوجه -slug: conflicting/Learn/JavaScript/Objects -tags: - - الأفراد - - البرمجة الكائنية - - التغليف - - الجافاسكريبت - - المتوسط - - المجال - - المشيد - - ب.ك.ت - - كائن -translation_of: Learn/JavaScript/Objects -translation_of_original: Web/JavaScript/Introduction_to_Object-Oriented_JavaScript -original_slug: Web/JavaScript/Introduction_to_Object-Oriented_JavaScript ---- -<div>{{jsSidebar("Introductory")}}</div> - -<p>كائنية التوجه حتى النخاع، ميزات جافا سكريبت القوية، القدرات المرنة {{Glossary("OOP")}}. يبدأ هذا المقال بمقدمة إلى البرمجة الكائنية التوجه، ثم مراجعات لنموذج كائن جافا سكريبت، و أخيراً يوضح مفاهيم البرمجة الكائنية التوجه في جافا سكريبت. لا يصف هذا المقال البناء اللغوي الجديد <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">للبرمجة الكائنية التوجه في ECMAScript 6</a>.</p> - -<div style="font-size: 15; font-family: 'tahoma';"> -<h2 id="مراجعة_جافا_سكريبت">مراجعة جافا سكريبت</h2> - -<p>إذا كنت لا تشعر بالثقة حول مفاهيم جافا سكريبت مثل المتغيرات والأنواع والوظائف و المجال ، يمكنك ان تقرأ عن هذه المواضيع في <a href="/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript">مدخل إلى جافا سكريبت</a>. يمكنك أيضا الاطلاع علي <a href="/en-US/docs/Web/JavaScript/Guide">دليل جافا سكريبت</a>.</p> - -<h2 id="البرمجة_الكائنية_التوجه_(Object-oriented_programming)">البرمجة الكائنية التوجه (Object-oriented programming)</h2> - -<p>إن البرمجة الكائنية (OOP) ما هي إلا نمط برمجي يَستخدم التجريد في إنشاء نماذج/نسخ لتجسيد العالم الحقيقي، وتَستخدم البرمجة الكائنية في ذلك أساليب مُتعدّدة من هذا النمط، فهي تستخدم الوحدات module، وتعدديّة الأشكال polymorphism والتغليف encapsulation، وتجدر الإشارة إلى أن معظم لغات البرمجة تدعم مفهوم OOP أمثال اللغات البرمجية: جافا، بايثون، روبي، وطبعًا جافا سكريبت.</p> - -<p>يُعالج أو لنقل يَتصور مفهوم البرمجة الكائنية OOP البرنامج كتشكيلة من الأشياء/الكائنات المتعاونة/المترابطة بدلًا من يتصوّره كتشكيلة من الدوال (functions) أو كسرد من الأوامر. ففي مفهوم OOP، كل كائن/شيء له القدرة على استقبال الرسائل، ومعالجة البيانات، وإرسال الرسائل إلى باقي الكائنات، ويُمكن اعتبار أنه لكل كائن object كينونة خاصة به ودور/وظيفة مستقلة عن الكائن الآخر.</p> - -<p>تُعزز البرمجة الكائنية القدرة على صيانة الشيفرة البرمجية والمرونة في التطوير، وأثبتت جدارتها على نطاق واسع في هندسة البرمجيات الكبيرة، ولأن البرمجة الكائنية تُشدد على استخدام الوحدات module، فإن الشيفرة/الكود المكتوب بمفهوم البرمجة الكائنية هو أبسط في التطوير وأسهل في الفهم مستقبلًا (عند التنقيح والتعديل)، وكما يعزز مفهوم البرمجة الكائنية التحليل المباشر للشيفرة، وفهم الحالات الشائكة فهمًا أفضل من باقي الأساليب البرمجية الأخرى.</p> - -<h2 id="مصطلحات_البرمجة_الكائنية">مصطلحات البرمجة الكائنية</h2> - -<dl> - <dt dir="ltr"> - <h3 dir="rtl" id="المجال_في_البرمجة_الكائنية_Namespace">المجال في البرمجة الكائنية Namespace</h3> - - <p dir="rtl">ما هو إلا عبارة عن حاوي تسمح للمطوّر بتحزيم جميع الوظائف تحت اسم محدد وفريد.</p> - - <h3 dir="rtl" id="الصنف_أو_الفئة_Class_في_البرمجة_الكائنية">الصنف أو الفئة Class في البرمجة الكائنية</h3> - - <p dir="rtl">يعتني الصنف بكل ما يتعلّق بميزات وخصائص الكائن، والصنف ما هو إلا قالب template تعريفي بخاصيات properties وبطُرق/وظائف methods الكائن object.</p> - - <h3 dir="rtl" id="الكائن_Object_في_البرمجة_الكائنية">الكائن Object في البرمجة الكائنية</h3> - - <p dir="rtl">الكائن ما هو إلا حالة/أمثولة instance من صنف class.</p> - - <h3 dir="rtl" id="الخاصية_property_في_البرمجة_الكائنية">الخاصية property في البرمجة الكائنية</h3> - - <p dir="rtl">ما هي إلا مميزات وخصائص الكائن، كاللون مثلًا.</p> - - <h3 dir="rtl" id="الطريقة_أو_الوظيفة_Method_في_البرمجة_الكائنية">الطريقة أو الوظيفة Method في البرمجة الكائنية</h3> - - <p dir="rtl">تعتني الطريقة أو الوظيفة كما يُسميها البعض بقدرات الكائن، مثل قدرة المشي مثلًا، وهي دور أو وظيفة مرتبطة مع صنف class.</p> - - <h3 dir="rtl" id="المشيد_Constructor_في_البرمجة_الكائنية">المشيد Constructor في البرمجة الكائنية</h3> - - <p dir="rtl">ما هو إلا طريقة method تُستدعى في لحظة استهلال instantiate الكائن، وعادةً ما يكون له نفس اسم الصنف الذي يحتويه.</p> - - <h3 dir="rtl" id="الوراثة_Inheritance_في_البرمجة_الكائنية">الوراثة Inheritance في البرمجة الكائنية</h3> - - <p dir="rtl">يُمكن للصنف أن يرث مميزات من صنف آخر.</p> - - <h3 dir="rtl" id="التغليف_Encapsulation_في_البرمجة_الكائنية">التغليف Encapsulation في البرمجة الكائنية</h3> - - <p dir="rtl">طريقة في تحزيم البيانات data والطُرق methods التي تستخدم البيانات.</p> - - <h3 dir="rtl" id="التجريد_Abstraction_في_البرمجة_الكائنية">التجريد Abstraction في البرمجة الكائنية</h3> - - <p dir="rtl">يجب على الاقتران الحاصل من: الوراثة والطُرق methods والخاصيات properties لكائن معقد وشائك التمثيل برمجيًا أن يعكس الواقع المراد محاكاته في البرمجة الكائنية.</p> - - <h3 dir="rtl" id="تعددية_الأشكال_Polymorphism_في_البرمجة_الكائنية">تعددية الأشكال Polymorphism في البرمجة الكائنية</h3> - - <p dir="rtl">تحمل كلمة Poly بحد ذاتها المعنى "متعدد" وتحمل الكلمة morphism المعنى "أشكال، ويُشير المفهوم ككل إلى أن أكثر من صنف قد يُعرّف نفس الطريقة method أو الخاصية property.</p> - </dt> -</dl> - -<p>للحصول على وصف أكثر شمولية للبرمجة الكائنية التوجه، أنظر {{interwiki("wikipedia", "البرمجة كائنية التوجه")}} على ويكيبيديا.</p> - -<h2 id="البرمجة_المعتمدة_على_النموذج_الأولي_Prototype">البرمجة المعتمدة على النموذج الأولي Prototype</h2> - -<p>البرمجة المعتمدة على النموذج الأوّلي (Prototype-based programming) ما هي إلا نموذج من البرمجة الكائنية OOP ولكنها لا تستخدم الأصناف classes، بل تقوم أولًا بإعداد سلوك أي صنف class ما ومن ثم تُعيد استخدامه، ويُطلق البعض على هذا النموذج: البرمجة بلا أصناف classless، أو البرمجة المَبْدَئِية المنحى prototype-oriented، أو البرمجة المعتمدة على الأمثولة instance-based).</p> - -<p>يعود أصل اللغة المعتمدة على النموذج الأولي إلى لغة <a href="http://en.wikipedia.org/wiki/Self%20(programming%20language" rel="external nofollow noopener noreferrer">Self</a>، والتي طوّرها David Ungar وRandall Smith، ولكن أسلوب البرمجة بدون أصناف class-less توسّع ونال شهرة كبيرة في العقد الأخير، واُعتمد من قبل العديد من اللغات البرمجية أشهرهم جافا سكريبت.</p> - -<p dir="ltr"> </p> - -<h2 id="البرمجة_الكائنية_باستخدام_جافا_سكريبت">البرمجة الكائنية باستخدام جافا سكريبت</h2> - -<h3 id="المجال_Namespace_في_جافا_سكريبت">المجال Namespace في جافا سكريبت</h3> - -<p>المجال هو أشبه بمستوعب/بحاوية (container) تسمح للمطوّر في تحزيم وظائف تحت اسم فريد، أو اسم تطبيق محدد، ففي جافا سكريبت المجال هو مجرد كائن object كأي كائن آخر يحتوي على طُرق methods، وخاصيات properties، وحتى كائنات objects.</p> - -<div class="note"> -<p><strong>ملاحظة هامة</strong>: من المهم جدًا الانتباه إلى أنه في جافا سكريبت، لا يوجد فرق بين الكائنات العادية والمجالات namespaces، وهذا يختلف عن اللغات الكائنية الأخرى، الأمر الذي قد يُربك المبرمجين المبتدئين في جافا سكريبت.</p> -</div> - -<p>إن إنشاء مجال namespace في جافا سكريبت بسيطٌ للغاية، فمن خلال إنشاء كائن عام/مشترك/شامل global، ستصبح جميع المُتغيّرات variables والطرق methods، والدوال functions خاصياتٍ لهذا الكائن، ويٌقلل استخدام المجالات namespaces أيضًا من احتمالية تضارب الأسماء في التطبيق، منذ أن كل كائن من كائنات التطبيق ما هي إلى خاصيات كائن شامل/عام معرّفة على مستوى التطبيق.</p> - -<p>سيُنشئ في الخطوة التالية كائنًا عامًا global وبالاسم <code>MYAPP</code>:</p> - -<pre class="brush: js" dir="rtl">// مجال عالمي -var MYAPP = MYAPP || {};</pre> - -<p>يُظهر المثال السابق، كيف تم التأكّد أولًا فيما إذا كان <code>MYAPP</code> معرفًا (سواء في نفس الملف أو في آخر)، ففي حال الإيجاب سيُستخدم الكائن العام <code>MYAPP</code>، وفي حال عدم تعريفه مُسبقًا سيُنشئ كائنًا خالٍ وبالاسم<code>MYAPP</code> والذي سيغلّف encapsulate الطرق methods والدوال functions والمتغيرات variables والكائنات objects.</p> - -<p>كما يُمكن أيضًا إنشاء مجال فرعي sub-namespaces:</p> - -<pre class="brush: js" dir="rtl">// مجال فرعي -MYAPP.event = {};</pre> - -<p>يوضّح المثال التالي الصيغة المستخدمة في إنشاء مجال namespace وإضافة متغيرات ودوال:</p> - -<pre class="brush: js" dir="rtl">// إنشاء حاوي يدعى MYAPP.commonMethod للوظائف و الخصائص الشائعة -MYAPP.commonMethod = { - regExForName: "", // تعريف تعبير نظامي للتحقق من الإسم - regExForPhone: "", // تعريف تعبير نظامي للهاتف، لا يوجد تحقق من الصحة - validateName: function(name){ - // إفعل شيئا ما بالإسم، يمكنك الوصول إلى المتغير regExForName - // بإستعمال "this.regExForName" - }, - - validatePhoneNo: function(phoneNo){ - // إفعل شيئا ما برقم الهاتف - } -} - -// تعريفات الكائن مع الزظيفة في نفس الوقت -MYAPP.event = { - addListener: function(el, type, fn) { - // بعض الأكواد - }, - removeListener: function(el, type, fn) { - // بعض الأكواد - }, - getEvent: function(e) { - // بعض اﻷكواد - } - - // يمكن إضافة وظائف و خصائص أخرى -} - -// البناء اللغوي لإستعمال وظيفة addListener: -MYAPP.event.addListener("yourel", "type", callback);</pre> - -<h3 id="sect1"> </h3> - -<h3 id="الكائنات_الأساسيةالقياسية_المبنية_داخل_لغة_جافا_سكريبت_(Standard_built-in_objects)">الكائنات الأساسية/القياسية المبنية داخل لغة جافا سكريبت (Standard built-in objects)</h3> - -<p>تتضمن لغة جافا سكريبت العديد من الكائنات في تركيبتها، على سبيل المثال، يوجد كائنات مثل <code>Math</code>،<code>Object</code>، <code>Array</code>، <code>String</code>، ويُظهر المثال التالي كيفيّة استخدام الكائن <code>Math</code> للحصول على رقم عشوائي باستخدام أحد طُرق method هذا الكائن وهي الطريقة ()<code>random</code>.</p> - -<pre class="brush: js" dir="rtl">console.log(Math.random()); -</pre> - -<div class="note"> -<p><strong>ملاحظة</strong>: يَفترض المثال السابق وجميع الأمثلة التالية في المقال وجود دالة function بالاسم()<code>console.log</code> معرّفة تعريفًا عامًا (globally)، مع العلم أن هذه الدالة ليست جزء من اللغة نفسها، ولكنها دالة متوفّرة في العديد من متصفحات الإنترنت لأغراض تشخيص الشيفرة البرمجية debugging.</p> -</div> - -<p>يُمكن العودة إلى <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects" rel="external nofollow noopener noreferrer">مرجع لغة جافا سكريبت: الكائنات الأصلية المعيارية</a> للحصول على قائمة بالكائنات المبينة داخل لغة جافا سكريبت نفسها.</p> - -<p>كل كائن في جافا سكريبت هو حالة/أمثولة instance من الكائن <code>Object</code> ويَرث كافة خاصياته properties وطُرقه methods.</p> - -<h3 id="sect2"> </h3> - -<h3 id="الكائنات_الخاصة_الصنف_(الفئة)">الكائنات الخاصة<br> - <span style='font-family: "Open Sans Light",Helvetica,Arial,sans-serif; font-size: 1.286rem; letter-spacing: -0.014em;'>الصنف (الفئة</span><span style='font-family: "Open Sans Light",Helvetica,Arial,sans-serif; font-size: 1.286rem; letter-spacing: -0.014em;'>)</span></h3> - -<h4 id="لغة_جافا_سكريبت_لغة_من_النوع_prototype-based_ولا_تحتوي_على_العبارة_class_كما_هو_حال_باقي_لغات_البرمجة_الكائنية،_كما_في_روبي_أو_بايثون،_ويُربك_هذا_الأمر_المبرمجين_المعتادين_على_اللغات_التي_تعتمد_على_هذه_العبارة_أو_المفهوم،_وتستخدم_جافا_سكريبت_بدلًا_من_ذلك_الدوال_functions_لمحاكات_مفهوم_الأصناف_classes،_وتعريف_صنف_هو_بسهولة_تعريف_أي_دالّة">لغة جافا سكريبت لغة من النوع prototype-based ولا تحتوي على العبارة <code>class</code> كما هو حال باقي لغات البرمجة الكائنية، كما في روبي أو بايثون، ويُربك هذا الأمر المبرمجين المعتادين على اللغات التي تعتمد على هذه العبارة أو المفهوم، وتستخدم جافا سكريبت بدلًا من ذلك الدوال functions لمحاكات مفهوم الأصناف classes، وتعريف صنف هو بسهولة تعريف أي دالّة:</h4> - -<pre class="brush: js" dir="rtl">var Person = function () {}; -</pre> - -<h4 id="الكائن_(أمثولة_الصنف_class_instance)">الكائن (أمثولة الصنف class instance)</h4> - -<p>يتطلب إنشاء حالة/أمثولة instance جديدة من كائن <code>obj</code> استخدام العبارة <code>new obj</code>، وتعيين النتيجة إلى متغيّر بغرض الوصول إلى فيما بعد.</p> - -<p>عُرّف في الشيفرة السابقة صنف class بالاسم <code>Person</code>، وفي الشيفرة التالية، سيُنشئ حالتين/أمثولتين instances من هذا الصنف، الأولى بالاسم <code>person1</code> والثانية بالاسم <code>person2</code>.</p> - -<pre class="brush: js" dir="rtl">var person1 = new Person(); -var person2 = new Person(); -</pre> - -<div class="note">فضلا أنظر {{jsxref("Object.create()")}} للحصول على وظيفة الإنشاء الجديدة الإضافية التي تنشأ حالة غير مهيأة</div> - -<h4 id="المشيد_The_constructor">المشيد The constructor</h4> - -<p>يُستدعى المُشيّد constructor في لحظة الاستهلال instantiation (اللحظة التي يُنشئ فيها الكائن)، والمُشيّد ما هو إلا طريقة method من طُرق الصنف class، وفي جافا سكريبت تعمل الدالة على تشييد الكائن، ولذلك لا داعي إلى تعريف طريقة method من أجل عميلة التشييد، وكل إجراء مصرّح في الصنف class يُنفّذ في لحظة الاستهلال instantiation.</p> - -<p>يُستخدم المُشيّد في تعيين خاصيات properties الكائن، أو في استدعاء طُرق methods معينة لتحضير الكائن للاستخدام، وأما إضافة طُرق صنف وتعريفها يحدث باستخدام صيغة syntax مختلفة سنتطرّق إليها فيما بعد خلال المقال.</p> - -<p>تُظهر الشيفرة التالية كيف يُسجّل log (يُرسل رسالة نصية إلى طرفية المتصفح console) مُشيّد الصنف<code>Person</code> رسالة نصية حينما يُستهل instantiated.</p> - -<pre class="brush: js" dir="rtl">var Person = function () { - console.log('تم إنشاء حالة'); -}; - -var person1 = new Person(); -var person2 = new Person(); - -</pre> - -<h4 id="الخاصية_The_property_(خاصية_الكائن_object_attribute)">الخاصية The property (خاصية الكائن object attribute)</h4> - -<p>الخاصيات properties ما هي إلا متغيرات محتوات في الصنف class، وكل حالة/أمثولة من الكائن تمتلك هذه الخاصيات، وتُعيّن الخاصيات في دالة مُشيّد الصنف بحيثُ تُنشئ مع كل حالة/أمثولة instance.</p> - -<p>إن الكلمة المفتاحية <code>this</code>، والتي تُشير إلى الكائن الحالي، تسمح للمطوّر بالعمل مع الخاصيات من ضمن الصنف، والوصول (قراءةً وكتابةً) إلى الخاصية property من خارج الصنف يكون من خلال الصيغة<code>InstanceName.Property</code> كما هو الأمر في لغة C++ (سي بلس بلس) وJava والعديد من اللغات الأخرى، ومن داخل الصنف تُستخدم الصيغة <code>this.Property</code> للحصول على قيمة الخاصية أو لتعيين قيمتها.</p> - -<p>في الشيفرة التالية، عُرّفت الخاصية <code>firstName</code> للصنف <code>Person</code> وفي لحظة الاستهلال instantiation:</p> - -<pre class="brush: js" dir="rtl">var Person = function (firstName) { - this.firstName = firstName; - console.log('تم إنشاء حالة من Person'); -}; - -var person1 = new Person('سفيان'); -var person2 = new Person('محمد'); - -// Show the firstName properties of the objects -console.log('الشخص1 هو ' + person1.firstName); // النتيجة ==> "الشخص1 هو سفيان" -console.log('الشخص2 هو ' + person2.firstName); // النتيجة ==> "الشخص2 هو محمد" -</pre> - -<h4 id="الطرق_The_methods">الطرق The methods</h4> - -<p>الطرق methods ما هي إلا دوال (وتُعرّف كما تعرّف الدوال functions)، فيما عدا ذلك فهي تُشبه الخاصيات properties، واستدعاء طريقة method مشابه إلى الوصول إلى خاصيّة ما، ولكن مع إضافة <code>()</code> في نهاية اسم الطريقة، وربما مع مُعطيات arguments، ولتعريف طريقة، تُعيّن دالة إلى خاصيّة مُسمّات من خاصيّة الصنف <code>prototype</code>، ويُمكن فيما بعد استدعاء الطريقة على الكائن بنفس الاسم الذي عُيّن للدالة.</p> - -<p>في الشيفرة التالية، عُرّفت ومن ثم اُستخدِمت الطريقة ()<code>sayHello</code> للصنف <code>Person</code>.</p> - -<pre class="brush: js" dir="rtl">var Person = function (firstName) { - this.firstName = firstName; -}; - -Person.prototype.sayHello = function() { - console.log("مرحبا، أنا " + this.firstName); -}; - -var person1 = new Person("سفيان"); -var person2 = new Person("محمد"); - -// إستدعاء طريقة Person sayHello. -person1.sayHello(); // النتيجة ==>"مرحبا، أنا سفيان" -person2.sayHello(); // النتيجة ==> "مرحبا، أنا محمد" -</pre> - -<p>إن الطُرق methods في جافا سكريبت ما هي إلا دالة كائن عادية مرتبطة مع كائن كخاصية property، وهذا يعني أنه يُمكن استدعاء الطُرق خارج السياق، كما في المثال التالي:</p> - -<pre class="brush: js" dir="rtl">var Person = function (firstName) { - this.firstName = firstName; -}; - -Person.prototype.sayHello = function() { - console.log("مرحبا، أنا " + this.firstName); -}; - -var person1 = new Person("سفيان"); -var person2 = new Person("محمد"); -var helloFunction = person1.sayHello; - -// النتيجة ==> "مرحبا، أنا سفيان" -person1.sayHello(); - -// النتيجة ==> "مرحبا، أنا محمد" -person2.sayHello(); - -// النتيجة ==> "مرحبا، أنا undefined" (أو أخطاء -// TypeError في الوضع الصارم) -helloFunction(); - -// النتيجة ==> true -console.log(helloFunction === person1.sayHello); - -// النتيجة ==> true -console.log(helloFunction === Person.prototype.sayHello); - -// النتيجة ==> "مرحبا، أنا سفيان" -helloFunction.call(person1);</pre> - -<p>كما يُظهر المثال السابق، جميع الإحالات المستخدمة في استدعاء الدالة <code>sayHello</code> تُشير إلى <strong><em>نفس الدالة</em></strong>سواءً الاستدعاء الحاصل مع <code>person1</code> أو <code>Person.prototype</code> أو حتى في المتغيّر <code>helloFunction</code>وقيمة <code>this</code> خلال استدعاء الدالة يعتمد على الكيفية التي تُستدعى فيها، حيث تُشير الكلمة المفتاحية<code>this</code> إلى الكائن الحالي الذي تُستدعى عليه الطريقة method، بمعنى عندما تم استدعاء الطريقة()<code>sayHello </code>على الكائن <code>person1</code> فإن <code>this</code> تُشير إلى الكائن <code>person1</code>، وعند استدعاء <code>sayHello</code>على الكائن <code>person2</code> فإن <code>this</code> تُشير إلى الكائن <code>person2</code>، ولكن إن تم الاستدعاء بطريقة مختلفة، فإن<code>this</code> ستُعيّن تعينًا مختلفًا، فاستدعاء <code>this</code> من المتغيّر (كما في ()<code>helloFunction</code>) سيُعيّن <code>this</code> إلى الكائن العام global (والذي سيكون window في متصفح الإنترنت)، ومنذ أن هذا الكائن (على الأغلب) لا يملك الخاصّيّة <code>firstName</code>، ستكون النتيجة كما هو الحال في المثال السابق “Hello, I’m undefined”، كما يمكن دائمًا تعيين <code>this</code> صراحةً باستخدام <code>Function#call</code> (أو <code>Function#apply</code>) وهو كما كان في نهاية المثال.</p> - -<div class="note"><strong>ملاحظة:</strong> أنظر المزيد حول <code>this</code> على <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call" title="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/call">call</a> و <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply" title="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/apply">apply</a></div> - -<h4 id="الوراثة">الوراثة</h4> - -<p>تُستخدم الوراثة في جافا سكريبت في إنشاء صنف class كمثيل مخصص لصنف أو أكثر (<strong><em>تدعم جافا سكريبت وراثة وحيدة فقط single inheritance</em></strong>)، ويُطلق على الصنف المخصص عادةً <strong><em>ابن</em></strong> (child)، ويطلق على الصنف الآخر عادةً <strong><em>الأب</em></strong> (parent)، وفي جافا سكريبت يتمّ ذلك من خلال إسناد حالة/أمثولة من الصنف الأب إلى الصنف الابن، ومن ثم تخصيصه، وفي متصفحات الإنترنت الحديثة يُمكن استخدام<code>Object.create</code> في تحقيق الوراثة inheritance أيضًا.</p> - -<div class="note" dir="ltr"> -<p dir="rtl"><strong>ملاحظة</strong>: لا تتفقد جافا سكريبت مُشيّد صنف الابن <code>prototype.constructor</code> (راجع<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype" rel="external nofollow noopener noreferrer"><code>Object.prototype</code></a>)، وعليه يجب التصريح عن ذلك يدويًا، لمزيد من التفصيل راجع السؤال التالي على<a href="http://stackoverflow.com/questions/8453887/why-is-it-necessary-to-set-the-prototype-constructor" rel="external nofollow noopener noreferrer">Stackoverflow</a>.</p> -</div> - -<p>عُرّف في الشيفرة التالية الصنف <code>Student</code> كصنف ابن للصنف <code>Person</code>، ومن ثم أُعيد تعريف الطريقة()<code>sayHello</code> وأُضيفت الطريقة ()<code>sayGoodBye</code> علاوة على ذلك.</p> - -<pre class="brush: js" dir="rtl">// تعريف المشيد Person -var Person = function(firstName) { - this.firstName = firstName; -}; - -// إضافة زوج من الطرق إلى Person.prototype -Person.prototype.walk = function(){ - console.log("أنا أتمشى!"); -}; - -Person.prototype.sayHello = function(){ - console.log("مرحبا، أنا " + this.firstName); -}; - -// تعريف مشيد Student -function Student(firstName, subject) { - // إستدعاء المشيد اﻷب, التأكد (عن طريق الإستدعاء) - // من أن "this" وضعت بشكل صحيح أثناء اﻹستدعاء - Person.call(this, firstName); - - // تهيئة خصائص الطالب المحددة - this.subject = subject; -} - -// إنشاء كائن Student.prototype الذي يرث من Person.prototype. -// ملاحظة: خطأ شائع أن يستعمل "new Person()" ﻹنشاء -// Student.prototype. هذا غير صحيح لعدة أسباب، -// ليس أقل أننا ليس لدينا أي شيء ﻹعطاء Person إلى المعامل "firstName". -// الطريقة الصحيحة ﻹستدعاء Person هي في الأعلى حيث -// إستدعيناه من Student. -Student.prototype = Object.create(Person.prototype); // See note below - -// وضع الخاصية "constructor" للإشارة إلى Student -Student.prototype.constructor = Student; - -// إستبدال الطريقة "sayHello" -Student.prototype.sayHello = function(){ - console.log("مرحبا، أنا " + this.firstName + ". أنا أدرس " - + this.subject + "."); -}; - -// إضافة الطريقة "sayGoodBye" -Student.prototype.sayGoodBye = function(){ - console.log("وداعا!"); -}; - -// إستعمال المثال: -var student1 = new Student("سفيان", "المناجم"); -student1.sayHello(); // "مرحبا، أنا سفيان. أنا أدرس المناجم." -student1.walk(); // "أنا أتمشى!" -student1.sayGoodBye(); // "وداعا!" - -// التحقق من أن instanceof يعمل بشكل صحيح -console.log(student1 instanceof Person); // true -console.log(student1 instanceof Student); // true -</pre> - -<p>فيما يخص السطر ;(<code>Student.prototype = Object.create(Person.prototype</code> في الإصدارات القديمة من جافا سكريبت والتي لا تدعم <code>Object.create</code> يمكن إما استخدام بعض الحيل في خداع المتصفحات –هذه الخدع معروفة إما بالاسم polyfill أو shim—أو استخدام دالة تحقق نفس النتيجة كما في المثال التالي:</p> - -<pre class="brush: js" dir="rtl">function createObject(proto) { - function ctor() { } - ctor.prototype = proto; - return new ctor(); -} - -// الإستعمال: -Student.prototype = createObject(Person.prototype); -</pre> - -<div class="note"><strong>ملاحظة:</strong> أنظر <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create" title="Object.create">Object.create</a> للمزيد من المعلومات حول ما يقوم به, و الرقاقات للمحركات القديمة.</div> - -<p>التأكّد من أن <code>this</code> تُشير إلى الكائن المطلوب بغض النظر عن كيف للكائن أن يُستهل يمكن أن يكون صعبًا، ومع ذلك يوجد صياغة أبسط من شأنها أن تسهّل الأمر.</p> - -<pre class="brush: js" dir="rtl">var Person = function(firstName) { - if (this instanceof Person) { - this.firstName = firstName; - } else { - return new Person(firstName); - } -} -</pre> - -<h4 id="التغليف_Encapsulation">التغليف Encapsulation</h4> - -<p>ليس بالضرورة أن يعلم الصنف <code>Student</code> كيف تمّ تنفيذ/تعريف الطريقة ()<code>walk</code> للصنف <code>Person</code> لكي يستطيع استخدام تلك الطريقة، ولا يحتاج الصنف <code>Student</code> إلى تعريف تلك الطريقة صراحةً إلا إذا كان المطلوب التعديل عليها، ويُطلق على هذا الإجراء مفهوم التغليف encapsulation، والذي فيه يَحزم كل صنف البيانات والطُرق methods داخل وحدة/كينونة وحيدة.</p> - -<p>إخفاء المعلومات سمة شائعة في باقي اللغات البرمجية وعادةً ما توجد كخاصيات/كطُرق إما بالاسم<code>private</code> أو <code>protected</code>، وعلى الرغم من أنه يُمكن مماثلة/محاكاة ذات الأمر في جافا سكريبت، إلا أن هذا الأمر ليس مطلبًا من متطلبات البرمجة الكائنية.</p> - -<h4 id="التجريد_Abstraction">التجريد Abstraction</h4> - -<p>التجرير ما هو إلا ميكانيكية تسمح للمطوّر في تجسيد جانب من المشكلة التي يُعمل عليها، إما من خلال الوراثة inheritance (التخصيص specialization) أو التركيب composition، وتُحقق جافا سكريبت التخصيص من خلال الوراثة، والتركيب من خلال السماح لحالات/أمثولات الصنف لتكون قيمًا لخاصيات attributes الكائنات الأخرى.</p> - -<p>الصنف Function في جافا سكريبت يرث من الصنف <code>Object</code> (وهذا يوضّح التخصيص في هذا النموذج) والخاصية <code>Function.prototype</code> ما هي إلا حالة/أمثولة من الصنف <code>Object</code> (وهذا يوضّح جزئية التركيب composition).</p> - -<pre class="brush: js" dir="rtl">var foo = function () {}; - -// النتيجة ==> "foo عبارة عن وظيفة: true" -console.log('foo عبارة عن وظيفة: ' + (foo instanceof Function)); - -// النتيجة ==> "foo.prototype عبارة عن كائن: true" -console.log('foo.prototype عبارة عن كائن: ' + (foo.prototype instanceof Object));</pre> - -<h4 id="تعددية_الأشكال_Polymorphism">تعددية الأشكال Polymorphism</h4> - -<p>كما أن جميع الطُرق methods والخاصيات properties معرّفة ضمن الخاصية prototype، فيُمكن لبقية الأصناف أن تُعرِّف طُرقًا methods بنفس الاسم، وستكون الطُرق في نطاق الصنف الذي عُرفت به، إلا إذا كان الصنفان على علاقة من نوع أب وابن parent-child، بمعنى آخر أحد الصنفان يرث من الآخر<br> - <br> - هذه المقالة تُرجمة الي العربية بواسطة : <a href="https://academy.hsoub.com/profile/12-%D9%85%D8%AD%D9%85%D8%AF-%D8%A3%D8%A8%D8%B1%D8%B5/" id="ips_uid_2904_3" title="الذّهاب إلى الملف الشّخصي لعضو : محمد أبرص">محمد أبرص</a></p> - -<h2 id="ملاحظات">ملاحظات</h2> - -<p>هذه ليست الطرق الوحيدة التي يمكنك من خلالها تنفيذ البرمجة الشيئية في جافا سكريبت ، والتي تعد مرنة للغاية في هذا الصدد. وبالمثل ، فإن التقنيات الموضحة هنا لا تستخدم أي لغة خارقة ، ولا تحاكي تطبيقات اللغات الأخرى لنظرية الكائن.</p> - -<p>هناك تقنيات أخرى تجعل البرمجة الكائنية التوجه أكثر تقدما لكنها خارج نطاق الهذه المقالة التمهيدية.</p> -</div> - -<h2 id="المراجع">المراجع</h2> - -<ol> - <li><a href="https://ar.wikipedia.org/wiki/Object-oriented_programming" id="cite-1">ويكيبيديا - البرمجة الكائنية التوجه</a></li> - <li><a href="https://en.wikipedia.org/wiki/Prototype-based_programming" id="cite-2">ويكيبيديا - البرمجة القائمة على النوذج</a></li> - <li><a href="http://en.wikipedia.org/wiki/Encapsulation_%28object-oriented_programming%29" id="cite-3">ويكيبيديا - التغليف (البرمجة الكائنية التوجه</a><a href="http://ar.wikipedia.org/wiki/Encapsulation_%28object-oriented_programming%29">)</a></li> -</ol> - -<h2 id="أنظر_أيضا">أنظر أيضا</h2> - -<ul> - <li dir="ltr">{{jsxref("Function.prototype.call()")}}</li> - <li dir="ltr">{{jsxref("Function.prototype.apply()")}}</li> - <li dir="ltr">{{jsxref("Object.create()")}}</li> - <li dir="ltr"><a dir="rtl" href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">الوضع الصارم</a></li> -</ul> diff --git a/files/ar/conflicting/web/guide/index.html b/files/ar/conflicting/web/guide/index.html deleted file mode 100644 index d85901e920..0000000000 --- a/files/ar/conflicting/web/guide/index.html +++ /dev/null @@ -1,99 +0,0 @@ ---- -title: Web Development -slug: conflicting/Web/Guide -tags: - - NeedsTranslation - - TopicStub - - Web Development -translation_of: Web/Guide -translation_of_original: Web_Development -original_slug: Web_Development ---- -<p><strong>Web development</strong> comprises all aspects of developing a web site or web application.</p> -<p>Learn how to create anything from a simple web site to complex, highly interactive web sites featuring the latest Web technologies by perusing the articles you'll find here.</p> -<table class="topicpage-table"> - <tbody> - <tr> - <td> - <h2 class="Documentation" id="Documentation_topics">Documentation topics</h2> - <h3 id="Technologies">Technologies</h3> - <dl> - <dt> - <a class="internal" href="/en-US/docs/Web_Development/Introduction_to_Web_development" title="en-US/docs/Web Development/Introduction to Web development">Introduction to Web development</a></dt> - <dd> - A guide to learning how to develop for the Web.</dd> - <dt> - <a class="internal" href="/en-US/docs/HTML" rel="internal">HTML</a></dt> - <dd> - HyperText Markup Language is the basic language for creating web pages and other documents displayed in a browser.</dd> - <dt> - <a class="internal" href="/en-US/docs/CSS" rel="internal">CSS</a></dt> - <dd> - Cascading Style Sheets make it possible to do advanced layout and page design on the Web.</dd> - <dt> - <a class="internal" href="/en-US/docs/JavaScript" rel="internal">JavaScript</a></dt> - <dd> - JavaScript is the most commonly used scripting language for developing web applications; it's also used in the development of Mozilla-based software.</dd> - <dt> - <a class="internal" href="/en-US/docs/DOM" rel="internal">DOM</a></dt> - <dd> - The Document Object Model is an API for HTML and XML documents, providing a structural representation of the document that you can modify in order to alter its visual presentation.</dd> - <dt> - <a class="internal" href="/en-US/docs/AJAX" rel="internal">AJAX</a></dt> - <dd> - Asynchronous JavaScript and XML isn't so much a technology as a combination of technologies; using JavaScript and other modern web technologies together to create dynamic web applications.</dd> - <dt> - <a class="internal" href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a></dt> - <dd> - Extensible HyperText Markup Language is an XML-based HTML-like language that offers a stricter syntax than HTML.</dd> - <dt> - <a class="internal" href="/en-US/docs/SVG" rel="internal">SVG</a></dt> - <dd> - Scalable Vector Graphics is an XML markup language for describing 2D vector graphics.</dd> - </dl> - <h3 id="Strategies">Strategies</h3> - <dl> - <dt> - <a class="internal" href="/en-US/docs/Web_Standards" title="en-US/docs/Web Standards">Web standards</a></dt> - <dd> - Learn how to make your Web site or application reach the largest number of users through compatibility with the open Web.</dd> - <dt> - <a href="/en-US/docs/Web_Development/Responsive_Web_design" title="en-US/docs/Web development/Responsive Web design">Responsive Web design</a></dt> - <dd> - Use CSS to present the same content across all hardware platforms, from mobile phones to wide-screen, high-res desktop displays.</dd> - <dt> - <a href="/en-US/docs/Web_development/Writing_forward-compatible_websites" title="Writing forward-compatible websites">Writing forward-compatible websites</a></dt> - <dd> - Best practices for creating websites that do not break when browsers are updated.</dd> - <dt> - <a href="/en-US/docs/Web_Development/Mobile" title="/en-US/docs/Web development/Mobile">Mobile Web development</a></dt> - <dd> - Developing sites for be viewed on mobile devices involves some unique approaches that may not be familiar to those accustomed to developing for desktop browsers.</dd> - <dt> - <a class="internal" href="/en-US/docs/Mozilla_Web_Developer_FAQ" title="en-US/docs/Mozilla Web Developer FAQ">Mozilla Web developer FAQ</a></dt> - <dd> - Frequently asked questions from Web developers. With answers!</dd> - </dl> - <p><span class="alllinks"><a href="/en-US/docs/tag/Web_Development" title="en-US/docs/tag/Web_Development">View All...</a></span></p> - </td> - <td> - <h2 class="Community" id="Community">Community</h2> - <ul> - <li><a class="external" href="http://hacks.mozilla.org" title="http://hacks.mozilla.org">Mozilla Hacks blog</a></li> - <li><a class="external" href="http://www.whatwg.org/" rel="external nofollow" title="http://www.whatwg.org/">WHAT Working Group</a></li> - <li><a class="external" href="http://webdevfeedhouse.com/" rel="external nofollow" title="http://webdevfeedhouse.com/">WebDev FeedHouse</a></li> - </ul> - <h2 class="Tools" id="Tools">Tools</h2> - <ul> - <li><a href="/en-US/docs/Tools" title="en-US/docs/Tools">Main Tools page</a></li> - <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843" rel="external nofollow" title="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a></li> - <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60" rel="external nofollow" title="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer extension</a></li> - <li><a href="/en-US/docs/Venkman" rel="internal">Venkman</a>, the JavaScript debugger</li> - <li><a href="/en-US/docs/DOM_Inspector" rel="internal" title="en-US/docs/DOM Inspector">DOM Inspector</a></li> - <li><a href="/en-US/docs/Tools/Scratchpad" title="en-US/docs/Tools/Scratchpad">Scratchpad</a></li> - </ul> - <p><span class="alllinks"><a href="/en-US/docs/tag/Web_Development:Tools" title="en-US/docs/tag/Web_Development:Tools">View All...</a></span></p> - </td> - </tr> - </tbody> -</table> diff --git a/files/ar/conflicting/web/html/element/index.html b/files/ar/conflicting/web/html/element/index.html deleted file mode 100644 index 3cccb98dbd..0000000000 --- a/files/ar/conflicting/web/html/element/index.html +++ /dev/null @@ -1,600 +0,0 @@ ---- -title: مجموعه عناصر لغة HTML5 -slug: conflicting/Web/HTML/Element -tags: - - اتش تي ام ال - - اتش تي ام ال 5 - - المبتدئين - - الويب - - انترنت - - دليل - - وسوم -translation_of: Web/HTML/Element -translation_of_original: Web/Guide/HTML/HTML5/HTML5_element_list -original_slug: Web/Guide/HTML/HTML5/HTML5_element_list ---- -<p dir="rtl">كل <strong>عناصر HTML5 المعتمدة</strong> مدرجة هنا، حيث أن اسماءها تصفها ومرتبة في مجموعات حسب وظائفها.</p> - -<p dir="rtl">على عكس <a href="/en-US/docs/HTML/Element" title="فهرس عناصر HTML">فهرس عناصر HTML </a>الذي يشمل جميع عناصر HTML بما فيها المعتمدة وغير المعتمدة والصالحة والمهملة والملغية أيضًا، هذه الصفحة تتضمن عناصر HTML5 الصالحة فقط، العناصر الموجودة هنا هي التي يتوجب أن تستعمل في إنشاء المواقع الجديدة.</p> - -<p dir="rtl">العلامة <a href="/en-US/docs/HTML/HTML5"><img alt="This element was added as part of HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a> ترمز إلى أن العنصر قد تمت إضافته في HTML5، لاحظ أن العناصر الأخرى الموجودة هنا قد تكون ممددة أو معدلة في معانيها ضمن مواصفات HTML5.</p> - -<h2 dir="rtl" id="عنصر_الجذر">عنصر الجذر</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("html")}}</td> - <td>وهو يمثل جذر الـ HTML أو مستند XHTML و <font>يجب أن تكون جميع العناصر الأخرى من نسل هذا العنصر.</font></td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="البيانات_الرئيسة_للوثيقة">البيانات الرئيسة للوثيقة</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("head")}}</td> - <td>وهو يمثل مجموعة من البيانات الوصفية حول الوثيقة بما في ذلك الوصلات أو تعريفات و البرامج النصية والسكريبتات و انماط الـ CSS .</td> - </tr> - <tr> - <td>{{HTMLElement("title")}}</td> - <td>يحدد عنوان الوثيقة كما هو موضح في شريط عنوان المتصفح أو في علامة التبويب الصفحة <font>ولابد أن يحتوي على نصوص فقط لا غير .</font></td> - </tr> - <tr> - <td>{{HTMLElement("base")}}</td> - <td>وهو يحدد الرابط الفتراضي للوثيقة كي يتم من خلاله فرز الروابط المنتسبة لصفحة من الرابط التابعه لاجناس اخرى .</td> - </tr> - <tr> - <td>{{HTMLElement("link")}}</td> - <td>وهو يستخدم لربط ملفات ألـ CSS والـ Javascript الخارجي مع وثيقة HTML .</td> - </tr> - <tr> - <td>{{HTMLElement("meta")}}</td> - <td>يستخدم لتعريف العناصر التي لايمكن تعريفها مثل الترميز وغير من الاستخدامات الاخرى .</td> - </tr> - <tr> - <td>{{HTMLElement("style")}}</td> - <td>يستخدم لكتابة CSS داخل وثيقة HTML .</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="البرمجة">البرمجة</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("script")}}</td> - <td>يستخدم لربط ملف نصي برمجي خارجي او تضمين ملف نص برمجي ويمكن الكتابة داخله بالغات متعدده مثل javascript او php و غيره .</td> - </tr> - <tr> - <td>{{HTMLElement("noscript")}}</td> - <td>يحدد محتوى بديل لعرضه عندما لا يدعم المتصفح البرمجة .</td> - </tr> - <tr> - <td>{{HTMLElement("template")}}<a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>حاوية للمحتوى العميل أثناء وقت التشغيل باستخدام جافا سكريبت .</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="اقسام_التضمين">اقسام التضمين</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("body")}}</td> - <td> - <div>وهو يمثل محتوى وثيقة HTML ولابد ان تكون كل العناصر الضاهره في الجسم داخلة .</div> - </td> - </tr> - <tr> - <td>{{HTMLElement("section")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل قطعه في في المستند .</td> - </tr> - <tr> - <td>{{HTMLElement("nav")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يحدد المقطع الذي يحتوي على ارتباطات التنقل .</td> - </tr> - <tr> - <td>{{HTMLElement("article")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يحدد محتوى منفصل بذاته والذي يمكن أن يوجد بشكل مستقل عن بقية المحتوى.</td> - </tr> - <tr> - <td>{{HTMLElement("aside")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يعرف بعض المحتويات التي لها علاقة فضفاضة إلى محتوى الصفحة. إذا تم إزالته ، والمحتوى المتبقية لا يزال من المنطقي .</td> - </tr> - <tr> - <td><a href="/en-US/docs/HTML/Element/Heading_Elements"><code><h1>,<h2>,<h3>,<h4>,<h5>,<h6></code></a></td> - <td>وهو يمثل 6 مستويات من عناوين النصية واكبرهم حجماً <h1> وعكسه <h6></td> - </tr> - <tr> - <td>{{HTMLElement("header")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يحدد محتوى بذاتها التي يمكن أن توجد بشكل مستقل عن بقية المحتوى . </td> - </tr> - <tr> - <td>{{HTMLElement("footer")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>>يحدد تذييل للصفحة أو قسم فإنه غالبا ما يحتوي على إشعار حقوق التأليف والنشر وبعض الروابط على المعلومات القانونية أو عناوين .</td> - </tr> - <tr> - <td>{{HTMLElement("address")}}</td> - <td>يعرف الجزء الذي يحتوي على معلومات للإتصال به.</td> - </tr> - <tr> - <td>{{HTMLElement("main")}}<a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يحدد المحتوى الرئيسي أو مهم في الوثيقة. هناك واحد فقط <main> عنصر في الوثيقة.</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="جداول_البيانات">جداول البيانات</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("p")}}</td> - <td>يحدد الجزء الذي يجب أن يتم عرض كفقرة .</td> - </tr> - <tr> - <td>{{HTMLElement("hr")}}</td> - <td>يمثل خط فاصل بين موضوعين .</td> - </tr> - <tr> - <td>{{HTMLElement("pre")}}</td> - <td>يحدد النص المكتوب كما هو بالسطر وافراغ .</td> - </tr> - <tr> - <td>{{HTMLElement("blockquote")}}</td> - <td> - <p>يمثل المحتوى الذي يتم نقلا عن مصدر آخر.</p> - </td> - </tr> - <tr> - <td>{{HTMLElement("ol")}}</td> - <td>يحدد قائمة مرتبة مرقمة من العناصر .</td> - </tr> - <tr> - <td>{{HTMLElement("ul")}}</td> - <td>يحدد قائمة غير مرتبة من البنود.</td> - </tr> - <tr> - <td>{{HTMLElement("li")}}</td> - <td>يحدد عنصر من قائمة التعداد.</td> - </tr> - <tr> - <td>{{HTMLElement("dl")}}</td> - <td>تعرف على قائمة تعريف ، وهذا هو ، على قائمة المصطلحات والتعاريف المرتبطة بها .</td> - </tr> - <tr> - <td>{{HTMLElement("dt")}}</td> - <td>يمثل مصطلح يعرفه القادم < DD > .<dd>.</td> - </tr> - <tr> - <td>{{HTMLElement("dd")}}</td> - <td>يمثل تعريف المصطلحات الواردة فورا قبل ذلك.</td> - </tr> - <tr> - <td>{{HTMLElement("figure")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل الرقم يتضح كجزء من الوثيقة.</td> - </tr> - <tr> - <td>{{HTMLElement("figcaption")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل أسطورة شخصية .</td> - </tr> - <tr> - <td>{{HTMLElement("div")}}</td> - <td>يمثل وعاء العامة مع عدم وجود معنى خاص .</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="عناصر_النصوص">عناصر النصوص</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("a")}}</td> - <td>يمثل <em>الارتباط التشعبي</em> وربط إلى مورد آخر .</td> - </tr> - <tr> - <td>{{HTMLElement("em")}}</td> - <td>يمثل خط مائل .</td> - </tr> - <tr> - <td>{{HTMLElement("strong")}}</td> - <td> يمثل خط مشدد .</td> - </tr> - <tr> - <td>{{HTMLElement("small")}}</td> - <td>يمثل خط نحيف .</td> - </tr> - <tr> - <td>{{HTMLElement("s")}}</td> - <td>يمثل نص مشطوب او محذوف</td> - </tr> - <tr> - <td>{{HTMLElement("cite")}}</td> - <td> - <p>يمثل عنوان العمل. .</p> - </td> - </tr> - <tr> - <td>{{HTMLElement("q")}}</td> - <td>يمثل الاقتباس المضمنة. .</td> - </tr> - <tr> - <td>{{HTMLElement("dfn")}}</td> - <td>يمثل مصطلح الذي يرد في أقرب محتوى الجد التعريف.</td> - </tr> - <tr> - <td>{{HTMLElement("abbr")}}</td> - <td>يمثل اختصار أو اختصار . التوسع في اختصار يمكن أن تكون ممثلة في سمة العنوان.</td> - </tr> - <tr> - <td>{{HTMLElement("data")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>الزميلة ل محتواه ما يعادل المقروءة آليا . ( هذا العنصر فقط في إصدار WHATWG للمعيار HTML ، و ليس في الإصدار W3C من HTML5</td> - </tr> - <tr> - <td>{{HTMLElement("time")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل قيمة التاريخ والوقت . أي ما يعادل المقروءة آليا يمكن أن تكون ممثلة في سمة التاريخ والوقت .</td> - </tr> - <tr> - <td>{{HTMLElement("code")}}</td> - <td>يمثل عنصر يكتب بداخله الكود</td> - </tr> - <tr> - <td>{{HTMLElement("var")}}</td> - <td>يمثل المتغير ، وهذا هو ، تعبير أو البرمجة الرياضية السياق الفعلي ، معرف تمثل ثابت ، رمزا تحديد الكمية الفعلية ، معلمة وظيفة ، أو مجرد نائب في النثر .</td> - </tr> - <tr> - <td>{{HTMLElement("samp")}}</td> - <td>يمثل الناتج من برنامج أو جهاز كمبيوتر .</td> - </tr> - <tr> - <td>{{HTMLElement("kbd")}}</td> - <td>تمثل مدخلات المستخدمين، في كثير من الأحيان من لوحة المفاتيح ، ولكن ليس بالضرورة . قد تمثل المدخلات الأخرى ، مثل الأوامر الصوتية كتب .</td> - </tr> - <tr> - <td>{{HTMLElement("sub")}},{{HTMLElement("sup")}}</td> - <td>يمثل نص منخفظ او مرتفع</td> - </tr> - <tr> - <td>{{HTMLElement("i")}}</td> - <td>تمثل بعض النص في صوت بديل أو المزاج، أو على الأقل من نوعية مختلفة ، مثل تسمية التصنيف، مصطلح تقني ، عبارة اصطلاحية ، الفكر، أو اسم السفينة</td> - </tr> - <tr> - <td>{{HTMLElement("b")}}</td> - <td>يمثل نص مشدد .</td> - </tr> - <tr> - <td>{{HTMLElement("u")}}</td> - <td>يمثل annoatation غير النصية التي العرض التقليدية و التسطير ، واصفة هذا النص كما يجري أخطأ في الهجاء أو وصفها الاسم الصحيح في النص الصيني</td> - </tr> - <tr> - <td>{{HTMLElement("mark")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل نص مشار اليه بالون الاصفر</td> - </tr> - <tr> - <td>{{HTMLElement("ruby")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل المحتوى إلى أن تكون علامة مع شروح روبي ، المديين القصير من النص قدمت جنبا إلى جنب مع النص. وكثيرا ما يستخدم هذا بالتزامن مع لغة شرق آسيا حيث تعمل شروح كدليل للنطق ، مثل furigana الياباني . .</td> - </tr> - <tr> - <td>{{HTMLElement("rt")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل نص الشرح روبي .</td> - </tr> - <tr> - <td>{{HTMLElement("rp")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل قوسين حول الشرح روبي ، وتستخدم لعرض الشرح بطريقة بديلة من قبل المتصفحات لا تدعم العرض القياسية ل شروحه.</td> - </tr> - <tr> - <td>{{HTMLElement("bdi")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل النص الذي يجب أن تكون معزولة عن محيطها ل تنسيق النص ثنائي الاتجاه . لأنها تتيح تضمين فترة من النص مع مختلف أو غير معروف، الاتجاهية .</td> - </tr> - <tr> - <td>{{HTMLElement("bdo")}}</td> - <td>يمثل اتجاهها من أبنائها ، من أجل تجاوز صراحة خوارزمية ثنائية الاتجاه يونيكود</td> - </tr> - <tr> - <td>{{HTMLElement("span")}}</td> - <td>يمثل النص مع عدم وجود معنى محدد . هذا لابد من استخدامها عند ينقل أي عنصر النص الدلالي الآخرين معنى كاف، وهو ، في هذه الحالة، وغالبا ما رفعتها سمات عالمية مثل الطبقة ، لانج ، أو دير.</td> - </tr> - <tr> - <td>{{HTMLElement("br")}}</td> - <td>يمثل سطر جديد</td> - </tr> - <tr> - <td>{{HTMLElement("wbr")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل فرصة كسر خط ، وهذا هو نقطة المقترحة لل التفاف النص من أجل تحسين إمكانية القراءة من تقسيم النص على عدة أسطر .</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="التعديلات">التعديلات</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("ins")}}</td> - <td>عنصر مضاف او تم تعديله</td> - </tr> - <tr> - <td>{{HTMLElement("del")}}</td> - <td>عنصر محذوف وهو مثيل العنصر {{HTMLElement("s")}}</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="التضمين_و_الميديا">التضمين و الميديا</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("img")}}</td> - <td>يستخدم لربط الصور بالوثيقه</td> - </tr> - <tr> - <td>{{HTMLElement("iframe")}}</td> - <td>يمثل السياق تصفح متداخلة ، وهذا هو وثيقة HTML المضمنة.</td> - </tr> - <tr> - <td>{{HTMLElement("embed")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>تمثل نقطة التكامل ل خارجي ، في كثير من الأحيان غير HTML ، تطبيق أو المحتوى التفاعلي .</td> - </tr> - <tr> - <td>{{HTMLElement("object")}}</td> - <td>تمثل الموارد الخارجية ، التي تعامل على أنها صورة، وثيقة الفرعية HTML ، أو الموارد الخارجية التي سيتم تجهيزها من قبل في المكونات .</td> - </tr> - <tr> - <td>{{HTMLElement("param")}}</td> - <td>تعرف المعلمات للاستخدام من قبل المكونات الإضافية التي يحتج بها <كائن > العناصر.</td> - </tr> - <tr> - <td>{{HTMLElement("video")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل الفيديو ، والملفات المرتبطة به الصوت و تعليق عليها، مع واجهة اللازمة لتشغيله .</td> - </tr> - <tr> - <td>{{HTMLElement("audio")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل الصوت ، أو تيار الصوت.</td> - </tr> - <tr> - <td>{{HTMLElement("source")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يسمح المؤلفين لتحديد الموارد وسائل الإعلام البديلة ل عناصر الوسائط مثل {{HTMLElement("video")}} or {{HTMLElement("audio")}}.</td> - </tr> - <tr> - <td>{{HTMLElement("track")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يسمح المؤلفين لتحديد مسار النص توقيت ل عناصر الوسائط مثل {{HTMLElement("video")}}<em>or {{HTMLElement("audio")}}.</em></td> - </tr> - <tr> - <td>{{HTMLElement("canvas")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>تمثل منطقة خريطة أبيت أن النصوص يمكن استخدامها ل تقديم الرسومات ، مثل الرسوم البيانية والرسوم البيانية لعبة ، أو أي الصور المرئية على الطاير .</td> - </tr> - <tr> - <td>{{HTMLElement("map")}}</td> - <td>بالتزامن مع {{HTMLElement("area")}}, يحدد مخطط صورة.</td> - </tr> - <tr> - <td>{{HTMLElement("area")}}</td> - <td>بالتزامن مع {{HTMLElement("map")}},يحدد مخطط صورة.</td> - </tr> - <tr> - <td>{{SVGElement("svg")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>تعرف على إد الإدارة الانتخابية دائرة التنمية الاقتصادية صورة اتجاهي .</td> - </tr> - <tr> - <td>{{MathMLElement("math")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يحدد صيغة رياضية.</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="Tabular_data">Tabular data</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("table")}}</td> - <td>تمثل البيانات مع أكثر من بعد واحد.</td> - </tr> - <tr> - <td>{{HTMLElement("caption")}}</td> - <td>يمثل عنوان الجدول.</td> - </tr> - <tr> - <td>{{HTMLElement("colgroup")}}</td> - <td>تمثل مجموعة من واحد أو أكثر من الأعمدة من الجدول.</td> - </tr> - <tr> - <td>{{HTMLElement("col")}}</td> - <td>يمثل عمود من الجدول.</td> - </tr> - <tr> - <td>{{HTMLElement("tbody")}}</td> - <td>يمثل كتلة من الصفوف التي تصف البيانات ملموسة من الجدول.</td> - </tr> - <tr> - <td>{{HTMLElement("thead")}}</td> - <td>يمثل كتلة من الصفوف التي تصف التسميات عمود من الجدول.</td> - </tr> - <tr> - <td>{{HTMLElement("tfoot")}}</td> - <td>يمثل كتلة من الصفوف التي تصف ملخصات عمود من الجدول.</td> - </tr> - <tr> - <td>{{HTMLElement("tr")}}</td> - <td>يمثل صف من الخلايا في الجدول.</td> - </tr> - <tr> - <td>{{HTMLElement("td")}}</td> - <td>يمثل خلية البيانات في الجدول.</td> - </tr> - <tr> - <td>{{HTMLElement("th")}}</td> - <td>يمثل خلية رأس في الجدول.</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="الاشكال"> الاشكال</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("form")}}</td> - <td>عنصر تبادل المعلومات مع الخادم حيث يكون داخله مجموعه من العناصر تتيح لمستخدم التعديل والاضافه</td> - </tr> - <tr> - <td>{{HTMLElement("fieldset")}}</td> - <td>مثل عنصار او ضوابط مرتبة</td> - </tr> - <tr> - <td>{{HTMLElement("legend")}}</td> - <td>يمثل عنوان <code><fieldset> </code>.</td> - </tr> - <tr> - <td>{{HTMLElement("label")}}</td> - <td>يعتبر توضيح او اسم عنصر داخل <form></td> - </tr> - <tr> - <td>{{HTMLElement("input")}}</td> - <td>يمثل حقل من البينات مما يتحُيح للمستخدم استعمالها</td> - </tr> - <tr> - <td>{{HTMLElement("button")}}</td> - <td>عباره عن وز .</td> - </tr> - <tr> - <td>{{HTMLElement("select")}}</td> - <td> يمثل مجموعه من الخيارات المٌسدله المرتبة .</td> - </tr> - <tr> - <td>{{HTMLElement("datalist")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل قائمة منسدله تحوي مجموعه من الخيارات المعدة مسبقاً اشبه باقائمة .</td> - </tr> - <tr> - <td>{{HTMLElement("optgroup")}}</td> - <td>يمثل عنوان لمجموعه خيارات <option> الي تكون ادخل {{HTMLElement("optgroup")}} الي هي داخل {{HTMLElement("datalist")}}.</td> - </tr> - <tr> - <td>{{HTMLElement("option")}}</td> - <td>يمثلخيارات داخل العنصر{{HTMLElement("select")}} أو اقتراح من{{HTMLElement("datalist")}}.</td> - </tr> - <tr> - <td>{{HTMLElement("textarea")}}</td> - <td>مربع يكتب بداخله نص يمكن التحكم به .</td> - </tr> - <tr> - <td>{{HTMLElement("keygen")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل سطر مولد مفاتيح .</td> - </tr> - <tr> - <td>{{HTMLElement("output")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>سَحاب يمكن التحكم به .</td> - </tr> - <tr> - <td>{{HTMLElement("progress")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل شريط اخذ بالمتلاء يعني مثل الداون لود منيجر لما يكون ايحمل</td> - </tr> - <tr> - <td>{{HTMLElement("meter")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل قيمة مئويه اخذه بالمتلاء بشكل صغير .</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="العناصر_التفاعلية" style="line-height: 30px;">العناصر التفاعلية</h2> - -<table class="standard-table" dir="rtl"> - <thead> - <tr> - <th scope="col">العنصر</th> - <th scope="col">نبذة عنه</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("details")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل قائمة مُنسدله من الخيارات</td> - </tr> - <tr> - <td>{{HTMLElement("summary")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>وهو يمثل عنوان لقائمة العنصر <details<span style="line-height: 1.5;">> .</span></td> - </tr> - <tr> - <td>{{HTMLElement("menuitem")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل <em>الأوامر</em> التي تمكن المستخدم من الاستدعاء.</td> - </tr> - <tr> - <td>{{HTMLElement("menu")}} <a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a></td> - <td>يمثل قائمة من العناصر .</td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="وهنُاك_أيضاً">وهنُاك أيضاً</h2> - -<ul> - <li dir="rtl"><a href="https://developer.mozilla.org/en-US/docs/HTML/HTML5" title="HTML/HTML5">وهناك مجموعة من الوثائق حول HTML5</a>.</li> - <li dir="rtl">في <a href="https://developer.mozilla.org/en-US/docs/HTML/Element" title="HTML / العنصر">إشارة لجميع علامات HTML</a> ، بما في ذلك عناصر لم تعد صالحة في HTML5.</li> -</ul> diff --git a/files/ar/conflicting/web/html/index.html b/files/ar/conflicting/web/html/index.html deleted file mode 100644 index 2a44ef2024..0000000000 --- a/files/ar/conflicting/web/html/index.html +++ /dev/null @@ -1,89 +0,0 @@ ---- -title: HTML (لغة ترميز النص الفائق) -slug: conflicting/Web/HTML -translation_of: Web/HTML -original_slug: Web/HTML_لغة_ترميز_النص_الفائق ---- -<div>{{HTMLSidebar}}</div> - -<p class="summary" dir="rtl"><span class="seoSummary">HTML (</span> لغة ترميز النصوص التشعبية <span class="seoSummary">) هي اللبنة الأساسية للويب. فهي تقوم بوصف و تعريف <em>محتوى</em> صفحة الويب. التقنيات الأخرى إلى جانب HTML تعمل عادةً على وصف مظهر صفحة الويب (<a href="https://developer.mozilla.org/ar/docs/Web/CSS">CSS</a>) أو تفاعلها مع المستخدم (<a href="https://developer.mozilla.org/ar/docs/Web/JavaScript">الجافاسكربت</a>). </span></p> - -<p dir="rtl">مصطلح "نص تشعبي" يشير إلى الروابط التي تربط صفحات الويب ببعضها, إما بموقع واحد أو بين مواقع متعددة. فالروابط هي جانب أساسي من الويب. عبر رفعك لمحتوى على الأنترنت و ربطه بصفحات أخرى أنشأها أشخاص آخرون, فأنت تصبح مشارك نشيط في شبكة الأنترنت.</p> - -<p dir="rtl">تستخدم HTML "الوسوم" لوصف النصوص, الصور, وغيرها من المحتويات لعرضعها على متصفح الويب. وسوم HTML تتضمن "عناصر" خاصة مثل {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, وغيرها الكثير.</p> - -<p dir="rtl">المقالات أدناه ستساعدك على تعلم المزيد حول HTML.</p> - -<section class="cleared" id="sect1"> -<ul class="card-grid"> - <li dir="rtl"><span>مقدمة عن HTML</span>إذا كنت جديداً على تطوير الويب, فاحرص على قراءة مقالتنا حول <a href="/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics">أساسيات HTML</a> لتعرف ماهي HTML وكيف يمكنك استخدامها.</li> - <li dir="rtl"><span>دورات عن HTML</span>للحصول على مقالات عن كيفية استخدام HTML, و كذلك على دورات و أمثلة شاملة, تفقد منطقة <a href="/en-US/docs/Learn/HTML">تعلم HTML</a> خاصتنا.</li> - <li dir="rtl"><span>مرجع HTML</span> - <p>في قسم <a href="/en-US/docs/Web/HTML/Reference">مرجع HTML</a> الشامل خاصتنا, ستجد تفاصيل حول كل عنصر و صِفة في HTML . </p> - </li> -</ul> - -<div class="row topicpage-table"> -<div class="section"> -<h2 class="Tools" dir="rtl" id="Tools" name="Tools">دورات للمبتدئين</h2> - -<p dir="rtl"><a href="/en-US/docs/Learn/HTML">منطقة تعلم HTML</a> خاصتنا تتميز بوحدات متعددة و التي تقوم بتعليم HTML من الألف إلى الياء — لا تتطلب معرفة مسبقة.</p> - -<dl> - <dt dir="rtl"><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">مقدمة عن HTML</a></dt> - <dd dir="rtl">هذا الوحدة تقوم بتحديد المستوى, تأخذك لتعلم المفاهيم المهمة و تركيب اللغة, كيف يمكنك إنشاء وصلات أنترنت, و كيف يمكنك استخدام HTML لبناء صفحة ويب.</dd> - <dt dir="rtl"><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding">الوسائط المتعددة و التضمين</a></dt> - <dd dir="rtl">هذه الوحدة تشرح كيف يمكنك استخدام أتش تي أم إل لتضمين وسائط متعددة في صفحات الويب خاصتك, وتتضمن المقالة طرق مختلفة يمكنك استخدامها لإضافة صورة, و كيف يمكنك تضمين فيديو, صوت, و حتى صفحات ويب أخرى كاملة.</dd> - <dt dir="rtl"><a href="/en-US/docs/Learn/HTML/Tables">جداول HTML</a></dt> - <dd dir="rtl">يمثل عرض البيانات المجدولة على صفحة الويب بطريق مفهومة و سهلة الوصول تحدياً. هذه الوحدة تغطي وسوم الجدول الأساسية, إلى جانب ميزات أكثر تعقيداً مثل إضافة تسميات توضيحية و ملخصات.</dd> - <dt dir="rtl"><a href="/en-US/docs/Learn/HTML/Forms">استمارات HTML</a></dt> - <dd dir="rtl">الاستمارات هي جزئ مهم جداً من الويب — فهذا يوفر الكثير من الوظائف التي ستحتاجها للتفاعل مع الموقع, مثل التسجيل و تسجيل التدخول, ارسال دعم, شراء منتجات, و المزيد. هذه الوحدة ستأخذك لتبدأ بإنشاء استمارة من ناحية جهة الخادم.</dd> - <dt dir="rtl"><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto">استخدام HTML لحل مشاكل شائعة</a></dt> - <dd dir="rtl">توفر هذه المقالة روابط لأقسام تحتوي على شرح لكيفية استخدام HTML لحل مشاكل شائعة جداً عندما تقوم بإنشاء صفحة ويب مثل: التعامل مع العناوين, إضافة صورة أو فيديو, تأكيد المحتوى, إنشاء استمارة بسيطة و المزيد.</dd> -</dl> - -<h2 dir="rtl" id="مواضيع_متقدمة">مواضيع متقدمة</h2> - -<dl> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Focus_management_in_HTML">ادارة التركيز في HTML</a></dt> - <dd class="landingPageList" dir="rtl">الصفة <code><a href="/en-US/docs/Web/API/Document/activeElement">activeElement</a></code><a href="/en-US/docs/Web/API/Document/activeElement"> </a>و الدالة <code><a href="/en-US/docs/Web/API/Document/hasFocus">hasFocus()</a></code> التي تساعدك على تتبع و التحكم بتفاعلات المستخدم مع عناصر صفحة الويب. </dd> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Using_the_application_cache">استخدام ذاكرة التخزين المؤقت للتطبيق</a></dt> - <dd class="landingPageList" dir="rtl">ذاكرة التخزين المؤقت تسمح للتطبيقات المبنية على الويب بالعمل في وضع عدم الإتصال. يمكنك استخدام واجهة <strong>ذاكرة التخزين المؤقت للتطبيق</strong> (<em>AppCache</em>) لتحديد الموارد التي يجب على المتصفح تخزينها و إتاحتها للمستخدمين في وضع عدم الإتصال. التطبيقات التي يتم تحميلها مؤقتاً تعمل بشكل صحيح حتى و لو قام المستخدمون بالضغط على زر التحديث عندما يكونون في وضع عدم الإتصال. </dd> -</dl> -</div> - -<div class="section"> -<h2 class="Documentation" dir="rtl" id="مراجع">مراجع</h2> - -<dl> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Reference">مرجع HTML</a></dt> - <dd class="landingPageList" dir="rtl">تتألف HTML من <strong>عناصر</strong>, كل منها يمكن تعديلها بواسطة عدد من <strong>الصفات</strong>. وثائق HTML متلصة ببعضها البعض بواسطة <a href="/en-US/docs/Web/HTML/Link_types">روابط</a>.</dd> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Element">مرجع عناصر HTML</a></dt> - <dd class="landingPageList" dir="rtl">تصفح قائمة لجميع <a class="glossaryLink" href="/en-US/docs/Glossary/HTML">عناصر HTML</a>.</dd> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Attributes">مرجع صفات HTML</a></dt> - <dd class="landingPageList" dir="rtl">العناصر في HTML تمتلك صفات. تعد هذه الصفات قيم إضافية تقوم بتعديل العناصر أو تخصيص وظيفتها بطرق مختلفة.</dd> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Global_attributes">الصفات الشاملة</a></dt> - <dd class="landingPageList" dir="rtl">الصفات الشاملة قد يمكن استخدامها على جميع <a href="/en-US/docs/Web/HTML/Element">عناصر HTML</a>, <em>حتى العناصر الغير معيارية</em>. هذا يعني أنَّ أي عنصر غير معياري لا يزال يجب أن يسمح باستخدام هذه الصفات, على الرغم أنَّ هذه العناصر تجعل مستند HTML5 غير متوافق.</dd> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Inline_elements">العناصر المضمنة</a> و <a href="/en-US/docs/Web/HTML/Block-level_elements">العناصر المستحوذة</a></dt> - <dd class="landingPageList" dir="rtl">العناصر في <strong>HTML</strong> عادةً إما "مضمنة" أو "مستحوذة". العنصر المضمن يأحذ المساحة المحصورة بواسطة الوسوم التي تحدده. أما العنصر المستحوذ فأنه يأخذ كامل مساحة العنصر الأب (الحاوي), وبالتالي فإنه ينشئ "كتلة".</dd> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Link_types">أنواع الرابط</a></dt> - <dd class="landingPageList" dir="rtl">في HTML, أنواع روابط متنوعة يمكن استخدامها لإنشاء أو تعريف صلة بين وثيقتين. تتضمن عناصر الرابط التي يمكن استخدامها على <a href="/en-US/docs/Web/HTML/Element/a"><code><a></code></a>, <a href="/en-US/docs/Web/HTML/Element/area"><code><area></code></a>, و <a href="/en-US/docs/Web/HTML/Element/link"><code><link></code></a>.</dd> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Supported_media_formats">صيغ الوسائط المدعومة في HTML و عناصر الصوت و الفيديو</a></dt> - <dd class="landingPageList" dir="rtl">عنصر <a href="/en-US/docs/Web/HTML/Element/audio"><code><audio></code></a> و <a href="/en-US/docs/Web/HTML/Element/video"><code><video></code></a> يسمح لك بتشغيل وسائط الصوت و الفيديو. هذه العناصر توفر بدائل مشابهة للمتصفح كالتي موجودة في أدوبي فلاش و الإضافات الأخرى.</dd> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Kinds_of_HTML_content">أنواع محتوى HTML</a></dt> - <dd class="landingPageList" dir="rtl">تتألف HTML من عدة أنواع من المحتوى, كل نوع يسمح لك باستخدام عدة سياقات و يمنعك استخدامها في أخرى. وبالمثل كل نوع يملك مجموعة من الفئات يمكن أن تحتوي على عناصر يمكن أو لا يمكن استخدامها. هذا دليل لهذه الفئات.</dd> - <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">وضع المراوغة و الوضع المعياري</a></dt> - <dd class="landingPageList" dir="rtl">معلومات تاريخية عن وضع المراوغة و الوضع المعياري.</dd> -</dl> - -<h2 class="landingPageList" dir="rtl" id="مواضيع_متعلقة">مواضيع متعلقة</h2> - -<dl> - <dt dir="rtl"><a href="/en-US/docs/Web/HTML/Applying_color">إضافة لون إلى عناصر HTML باستخدام السي أس أس</a></dt> - <dd dir="rtl">هذه المقالة تغطي معظم الطرق التي يمكن ان تستخدمها لإضافة لون لمحتوى HTML, و تسرد ما الأجزاء من وثيقة HTML التي يمكن تلوينها و ما خصائص السي أس أس التي يمكنك استخدامها لفعل ذلك. تتضمن أمثلة, روابط لأدوات تصميم أنماط (اختيار ألوان, اختيار تدرج لوني ..), و المزيد.</dd> -</dl> -</div> -</div> - -<p dir="rtl"><span class="alllinks"><a href="/en-US/docs/tag/HTML">رؤية المزيد..</a></span></p> -</section> diff --git a/files/ar/games/index.html b/files/ar/games/index.html deleted file mode 100644 index 8bf9ec3ff9..0000000000 --- a/files/ar/games/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: Games development -slug: Games -tags: - - Apps - - Game Development - - Gamedev - - Games - - HTML5 Games - - JavaScript Games - - NeedsTranslation - - TopicStub - - Web -translation_of: Games ---- -<div>{{GamesSidebar}}</div> - -<div class="summary"> -<p dir="rtl"><span class="seoSummary">الألعاب هي واحدة من أكثر أنشطة الكمبيوتر شعبية.تصل التقنيات الحديثة باستمرار لتتمكن من تطوير ألعاب أفضل وأكثر قوة حيث يمكن تشغيلها في أي متصفح ويب متوافق مع المعايير.</span></p> -</div> - -<div>{{EmbedGHLiveSample("web-tech-games/index.html", '100%', 820)}}</div> - -<div class="column-container"> -<div class="column-half"> -<h2 dir="rtl" id="تطوير_ألعاب_الويب">تطوير ألعاب الويب</h2> - -<p dir="rtl"></p> - -<p dir="rtl">مرحبًا بك في مركز تطوير ألعاب MDN! في هذا المجال من الموقع ، نوفر موارد لمطوري الويب الراغبين في تطوير الألعاب. ستجد العديد من البرامج التعليمية والمقالات المفيدة في القائمة الرئيسية على اليسار ، لذلك لا تتردد في الاستكشاف.</p> - -<p dir="rtl">لقد قمنا أيضًا بتضمين قسم مرجعي حتى تتمكن من العثور بسهولة على معلومات حول جميع واجهات برمجة التطبيقات الأكثر شيوعًا المستخدمة في تطوير اللعبة.</p> - -<p dir="rtl"></p> - - - -<div class="note" dir="rtl">ملاحظة: يعتمد إنشاء الألعاب على الويب على عدد من تقنيات الويب الأساسية مثل HTML و CSS و JavaScript. تعتبر <a href="https://developer.mozilla.org/en-US/docs/Learn">منطقة التعلم</a> مكانًا جيدًا للبدء في الأساسيات.</div> -</div> - -<div class="column-half"> -<h2 id="Port_native_games_to_the_Web">Port native games to the Web</h2> - -<p>If you are a native developer (for example writing games in C++), and you are interested in how you can port your games over to the Web, you should learn more about our <a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> tool — this is an LLVM to JavaScript compiler, which takes LLVM bytecode (e.g. generated from C/C++ using Clang, or from another language) and compiles that into <a href="/en-US/docs/Games/Tools/asm.js">asm.js</a>, which can be run on the Web.</p> - -<p>To get started, see:</p> - -<ul> - <li><a href="http://kripken.github.io/emscripten-site/docs/introducing_emscripten/about_emscripten.html">About Emscripten</a> for an introduction including high-level details.</li> - <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html">Download and Install</a> for installing the toolchain.</li> - <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html">Emscripten Tutorial</a> for a tutorial to teach you how to get started.</li> -</ul> -</div> -</div> - -<div class="column-container"> -<div class="column-half"> -<h2 dir="rtl" id="أمثلة">أمثلة</h2> - -<p dir="rtl">للحصول على قائمة من أمثلة ألعاب الويب. انظر <a href="https://developer.mozilla.org/en-US/docs/Games/Examples">صفحة الأمثلة</a> لدينا. أيضا تحقق من <a href="https://games.mozilla.org/">games.mozilla.org</a> لمزيد من الموارد المفيدة!</p> -</div> -</div> - -<h2 id="See_also">See also</h2> - -<div class="column-container"> -<div class="column-half"> -<dl> - <dt><a href="http://buildnewgames.com/">Build New Games</a></dt> - <dd>A collaborative site featuring a large number of open web game development tutorials. Has not been very active recently, but still holds some nice resources.</dd> - <dt><a href="http://creativejs.com/">Creative JS</a></dt> - <dd>A collection of impressive JavaScript techniques and experiments, not specific to games, but helpful nonetheless. Has not been very active recently, but still holds some nice resources.</dd> - <dt><a href="http://gameprogrammingpatterns.com/">Game programming patterns</a></dt> - <dd>An online book, written by Bob Nystrom, which discusses programming patterns in the context of game development with the aim of helping game developers produce more effective and efficient code.</dd> - <dt><a href="http://gamedevjsweekly.com/">Gamedev.js Weekly</a></dt> - <dd>Weekly newsletter about HTML5 game development, sent every Friday. Contains the latest articles, tutorials, tools and resources.</dd> - <dt><a href="http://www.html5gamedevs.com/">HTML5 Game Devs Forum</a></dt> - <dd>Forums for developers, framework creators and publishers. Ask questions, get feedback and help others.</dd> -</dl> -</div> - -<div class="column-half"> -<dl> - <dt><a href="http://html5gameengine.com/">HTML5 Game Engine</a></dt> - <dd>List of the most popular HTML5 game frameworks along with their rating, features and samples.</dd> - <dt><a href="http://www.jsbreakouts.org/">JSBreakouts</a></dt> - <dd>Compare JavaScript Breakout clones in different frameworks to help you choose the right one for you.</dd> - <dt><a href="http://gamedevelopment.tutsplus.com/">Tuts+ Game Development</a></dt> - <dd>Tutorials and articles about game development in general.</dd> - <dt><a href="http://html5devstarter.enclavegames.com/">HTML5 Gamedev Starter</a></dt> - <dd>Starter for the new game developers, a curated list of links to various, useful resources around the web.</dd> - <dt><a href="http://js13kgames.com/">js13kGames</a></dt> - <dd>JavaScript coding competition for HTML5 game developers with the file size limit set to 13 kilobytes. All the submitted games are available in a readable form on GitHub.</dd> - <dt><a href="https://hacks.mozilla.org/category/games/">Mozilla Hacks blog</a></dt> - <dd>Games category on the Mozilla Hacks blog containing interesting gamedev related articles.</dd> -</dl> -</div> -</div> diff --git a/files/ar/games/techniques/3d_on_the_web/basic_theory/index.html b/files/ar/games/techniques/3d_on_the_web/basic_theory/index.html deleted file mode 100644 index 502a63c9f9..0000000000 --- a/files/ar/games/techniques/3d_on_the_web/basic_theory/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: شرح نظرية ثلاثية الابعاد الأساسية -slug: Games/Techniques/3D_on_the_web/Basic_theory -translation_of: Games/Techniques/3D_on_the_web/Basic_theory ---- -<div dir="rtl">{{GamesSidebar}}</div> - -<p dir="rtl">This article explains all of the basic theory that's useful to know when you are getting started working with 3D.</p> - -<h2 dir="rtl" id="نظام_الاحداثيات_الديكارتي"><a name="_Toc522014861">نظام الاحداثيات الديكارتي</a></h2> - -<p dir="rtl">ثلاثي الابعاد بشكل أساسي هو عبارة عن تمثيل للأشكال في مساحة ثلاثية الابعاد مع نظام احداثي يستخدم لحساب موضع الاشكال.</p> - -<p dir="rtl">يستخدم <span dir="LTR">WebGL</span> نظام الاحداثيات الديكارتي حيث يشير <span dir="LTR">x</span> الى محور السينات (اليمين) ويشير <span dir="LTR">y</span> الى محور الصادات (للأعلى) ويشير <span dir="LTR">z</span> الى محور الزينات (خارج الشاشة) كما هو موضح بالشكل التالي:<img alt="Coordinate system" src="https://mdn.mozillademos.org/files/13326/mdn-games-3d-coordinate-system.png" style="height: 338px; width: 600px;"></p> - -<h2 dir="rtl" id="الكائنات"><a name="_Toc522014862">الكائنات </a></h2> - -<p dir="rtl">تسمى النقطة التي تمثل الكائن في الفضاء بـِ الرأس <span dir="LTR">vertices</span> والتي تمثل موقع الكائن. كل نقطة لها عدة سمات وهي:</p> - -<ol dir="rtl"> - <li>الموقع: يحدد من خلال نقطة ثلاثية الابعاد <span dir="LTR">x y z</span>.</li> - <li>اللون: يحمل قيمة مكونة من أربعة خانات وهي: قيمة اللون الأحمر وقيمة اللون الأخضر وقيمة اللون الأزرق وقيمة الشفافية التي تتراوح ما بين 0.0 و1.0.</li> - <li>الاتجاه.</li> - <li>البنية <span dir="LTR">texture</span>: وهي عبارة عن صورة ثنائية الابعاد تستخدم لتعبئة أحد السطوح بدلا من اللون.</li> -</ol> - -<p dir="rtl"> </p> - -<p dir="rtl"><img alt="Cube" src="https://mdn.mozillademos.org/files/13324/mdn-games-3d-cube.png" style="height: 265px; width: 600px;"></p> - -<p dir="rtl"> </p> - -<p dir="RTL">فمثلا: الكائن أعلاه (مكعب) يحتوي على 8 رؤوس مختلفة في الفضاء <span dir="LTR">v<sub>0</sub>,v<sub>1</sub>,v<sub>2</sub>,v<sub>3</sub>,v<sub>4</sub>,v<sub>5</sub>,v<sub>6</sub>,v<sub>7</sub></span> وعلى 6 سطوح (أوجه) كل منها مكون من 4 نقاط.</p> - -<ul dir="rtl"> - <li>عندما نقوم بتوصيل النقاط فإننا نقوم على انشاء حواف <span dir="LTR">edge</span> المكعب.</li> - <li>الهندسة <span dir="LTR">geometry</span> تبنى من خلال الرؤوس <span dir="LTR">vertices</span> والسطوح <span dir="LTR">faces</span> بينما المادة <span dir="LTR">materials</span> تتمثل في البنية <span dir="LTR">texture</span> والتي تكون اما لون أو صورة.</li> - <li>عندما نقوم بتوصيل الهندسة بالمادة فإننا نحصل على الشبكة <span dir="LTR">mesh</span>.</li> -</ul> - -<p dir="rtl"> </p> - -<h2 dir="rtl" id="Rendering_pipeline">Rendering pipeline</h2> - -<p dir="rtl">يتم معالجة الجرافيك من خلال أخذ الكائنات ثلاثية الابعاد والتي يتم انشاءها من العناصر الأولية (نقطة، مثلث، خط) باستخدام الرؤوس ومن ثم حساب الأجزاء <span dir="LTR">fragments</span> وعرضها على الشاشة (ثنائية الابعاد) بوحدة البيكسل <span dir="LTR">pixel</span>.</p> - -<p dir="rtl"><img alt="Rendering pipeline" src="https://mdn.mozillademos.org/files/13334/mdn-games-3d-rendering-pipeline.png" style="height: 225px; width: 600px;"></p> - -<p dir="rtl"> </p> - -<p dir="RTL">المصطلحات المستخدمة في الرسمة أعلاه هي كالتالي:</p> - -<ol dir="rtl"> - <li>العنصر البدائي <span dir="LTR">primitive</span>: والذي يتكون من الرؤوس والتي تكون اما مثلث أو نقطة أو خط.</li> - <li>الجزء <span dir="LTR">fragment</span>: وهو اسقاط ثلاثي الابعاد لبيكسل والذي يحمل نفس السمات المميزة لكل بيكسل.</li> - <li>البيكسل <span dir="LTR">pixel</span>: نقطة على الشاشة ثنائية الابعاد والتي تحمل قيمة لون <span dir="LTR">RGBA</span>.</li> -</ol> - -<p dir="rtl"> </p> - -<h2 dir="rtl" id="معالجة_الرؤوس">معالجة الرؤوس</h2> - -<p dir="rtl">يتم معالجة الرؤوس من خلال جمع المعلومات حول كل رأس على حدا في العنصر البدائي وتعيين احداثياتها في المساحة ثلاثية الابعاد للمشاهد ليراها. وتشبه المعالجة طريقة أخذ صورة لمشهد أنت قمت باعداه (وضع الأشياء بمكانها المناسب ومن ثم تهيئة الكمرة ومن ثم أخذ الصورة).<img alt="Vertex processing" src="https://mdn.mozillademos.org/files/13336/mdn-games-3d-vertex-processing.png" style="height: 338px; width: 600px;"></p> - -<p dir="rtl"> </p> - -<p dir="RTL">هناك أربع مراحل لهذه العملية:</p> - -<ol dir="rtl"> - <li>ترتيب المكونات <span dir="LTR">objects</span> والتي تسمى تحويل النموذج <span dir="LTR">modal transformation</span>.</li> - <li><span dir="RTL">تحويل العرض </span>view transformation<span dir="RTL"> والذي يعتني بالموضع وتحديد اتجاه الكمرة في الفضاء ثلاثي الابعاد حيث يتم ضبط الكمرة من خلال ثلاثة متغيرات وهي الموقع والاتجاه والتوجيه.</span><br> - </li> -</ol> - -<p dir="rtl"><img alt="Camera" src="https://mdn.mozillademos.org/files/13322/mdn-games-3d-camera.png" style="height: 225px; width: 600px;"></p> - -<ol dir="rtl" start="3"> - <li>تحويل الاسقاط projection transformation والذي يدعى أيضا تحويل المنظور perspective transformation حيث يعتني بإعداد ما يمكن رؤيته بواسطة الكمرة من خلال اعداد مجال الرؤية ونسبة العرض الى الارتفاع aspect ratio والقرب والبعد.</li> -</ol> - -<p dir="rtl"><img alt="Camera settings" src="https://mdn.mozillademos.org/files/13320/mdn-games-3d-camera-settings.png" style="height: 338px; width: 600px;"></p> - -<p dir="rtl"> </p> - -<ol dir="rtl" start="4"> - <li> تحويل إطار العرض <span dir="LTR">viewport transformation</span> والذي يهتم بكل المخرجات في طريقة عرض الجرافيك على الشاشة.</li> -</ol> - -<p dir="rtl"> </p> - -<p dir="rtl"> </p> - -<h2 dir="rtl" id="المسح_المجالي">المسح المجالي</h2> - -<p dir="rtl">يتم بالمسح المجالي تحويل الاشكال الأولية الناتجة عن توصيل الرؤوس الى مجموعة من الأجزاء fragments (اسقاطات ثلاثية الابعاد للبيكسلات ثنائية الابعاد) حيث يتم محاذاتها مع شبكة البيكسل.<img alt="Rasterization" src="https://mdn.mozillademos.org/files/13332/mdn-games-3d-rasterization.png" style="height: 338px; width: 600px;"></p> - -<p dir="rtl"> </p> - -<h2 dir="rtl" id="معالجة_الجزء">معالجة الجزء</h2> - -<p dir="rtl">ترتكز معالجة الأجزاء على البنية <span dir="LTR">texture</span> والإضاءة حيث تقوم بحساب الألوان النهائية استنادًا إلى المعلمات المحددة.</p> - -<p dir="rtl"><img alt="Fragment processing" src="https://mdn.mozillademos.org/files/13328/mdn-games-3d-fragment-processing.png" style="height: 338px; width: 600px;"></p> - -<h3 dir="rtl" id="الإضاءة">الإضاءة</h3> - -<p dir="rtl">الألوان التي نراها على الشاشة هي نتيجة تفاعل مصدر ضوء مع ألوان سطح مادة الكائن. الضوء قد يمتص أو قد ينعكس تبعا لذلك.</p> - -<p dir="rtl"> </p> - -<p dir="RTL">هناك أربع أنواع أساسية من الإضاءة:</p> - -<ul dir="rtl"> - <li dir="RTL">ضوء اتجاهي <span dir="LTR">Diffuse</span> بعيد مثل الشمس.</li> - <li dir="RTL">نقطة ضوئية <span dir="LTR">Specular</span> مثل مصباح الإضاءة في الغرفة.</li> - <li dir="RTL">ضوء محيطي <span dir="LTR">Ambient</span> وهو ضوء ثابت ينعكس على كل شيء.</li> - <li dir="RTL">ضوء اشعاعي <span dir="LTR">Emissive</span> وهو الضوء المنبعث مباشرة من الكائن.</li> -</ul> - -<h2 dir="rtl" id="مخرجات_الدمج">مخرجات الدمج</h2> - -<p dir="rtl">أثناء مرحلة معالجة المخرجات يتم تحويل جميع أجزاء الأوليات من الفضاء ثلاثي الابعاد الى شبكة ثنائية الابعاد من البيكسلات ثم تطبع على الشاشة. أيضا يتم تطبيق بعض المعالجات من أجل تجاهل بعض المعلومات الغير مطلوبة مثل الكائنات الغير مرئية أو الأجزاء خارج الشاشة أو الكائنات التي تقع خلف كائنات أخرى.</p> - -<p dir="rtl"><img alt="Output merging" src="https://mdn.mozillademos.org/files/13330/mdn-games-3d-output-merging.png" style="height: 338px; width: 600px;"></p> - -<p dir="rtl"> </p> diff --git a/files/ar/games/techniques/3d_on_the_web/index.html b/files/ar/games/techniques/3d_on_the_web/index.html deleted file mode 100644 index 3944c617c6..0000000000 --- a/files/ar/games/techniques/3d_on_the_web/index.html +++ /dev/null @@ -1,113 +0,0 @@ ---- -title: 3D games on the Web -slug: Games/Techniques/3D_on_the_web -tags: - - Games - - Graphics - - NeedsContent - - NeedsExample - - NeedsTranslation - - TopicStub - - WebGL - - WebVR - - three.js -translation_of: Games/Techniques/3D_on_the_web ---- -<div>{{GamesSidebar}}</div><p class="summary">For rich gaming experiences on the Web the weapon of choice is WebGL, which is rendered on HTML {{htmlelement("canvas")}}. WebGL is basically an OpenGL ES 2.0 for the Web — it's a JavaScript API providing tools to build rich interactive animations and of course also games. You can generate and render dynamic 3D graphics with JavaScript that is hardware accelerated.</p> - -<h2 id="Documentation_and_browser_support">Documentation and browser support</h2> - -<p>The <a href="/en-US/docs/Web/API/WebGL_API">WebGL</a> project documentation and specification is maintained by the <a href="https://www.khronos.org/">Khronos Group</a>, not the W3C as with most of the Web APIs. Support on modern browsers is very good, even on mobile, so you don't have to worry about that too much. The main browsers are all supporting WebGL and all you need to focus on is optimizing the performance on the devices you use.</p> - -<p>There's an ongoing effort on releasing WebGL 2.0 (based on OpenGL ES 3.0) in the near future, which will bring many improvements and will help developers build games for the modern Web using current, powerful hardware.</p> - -<h2 id="Explaining_basic_3D_theory">Explaining basic 3D theory</h2> - -<p>The basics of 3D theory centers around shapes represented in a 3D space, with a coordinate system being used to calculate their positions. See our <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Basic_theory">Explaining basic 3D theory</a> article for all the information you need.</p> - -<h2 id="Advanced_concepts">Advanced concepts</h2> - -<p>You can do a lot more with WebGL. There are some advanced concepts which you should dive into and learn more about — like shaders, collision detection, or the latest hot topic — virtual reality on the web.</p> - -<h3 id="Shaders">Shaders</h3> - -<p>It's worth mentioning shaders, which are a separate story on their own. Shaders use GLSL, a special OpenGL Shading Language with syntax similar to C that is executed directly by the graphics pipeline. They can be split into Vertex Shaders and Fragment Shaders (or Pixel Shaders) — the former transforms shape positions to real 3D drawing coordinates, while the latter computes rendering colors and other attributes. You should definitely check out <a href="/en-US/docs/Games/Techniques/3D_on_the_web/GLSL_Shaders">GLSL Shaders</a> article to learn more about them.</p> - -<h3 id="Collision_Detection">Collision Detection</h3> - -<p>It's hard to imagine a game without the collision detection — we always need to work out when something is hitting something else. We have information available for your to learn from:</p> - -<ul> - <li><a href="/en-US/docs/Games/Techniques/2D_collision_detection">2D collision detection</a></li> - <li><a href="/en-US/docs/Games/Techniques/3D_collision_detection">3D collision detection</a></li> -</ul> - -<h3 id="WebVR">WebVR</h3> - -<p>The concept of virtual reality is not new, but it's storming onto the web thanks to hardware advancements such as the <a href="https://www.oculus.com/en-us/rift/">Oculus Rift</a>, and the (currently experimental) <a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> for capturing information form VR hardware and making it available for use in JavaScript applications. For more, read <a href="/en-US/docs/Games/Techniques/3D_on_the_web/WebVR">WebVR — Virtual Reality for the Web</a>.</p> - -<p>There's also the <a href="/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame">Building up a basic demo with A-Frame</a> article showing you how easy it is to build 3D environments for virtual reality using the <a href="http://aframe.io/">A-Frame</a> framework.</p> - -<h2 id="The_rise_of_libraries_and_frameworks">The rise of libraries and frameworks</h2> - -<p>Coding raw WebGL is fairly complex, but you'll want to get to grips with it in the long run, as your projects get more advanced (see our <a href="/en-US/docs/Web/API/WebGL_API">WebGL documentation</a> to get started.) For real world projects you'll probably also make use of a framework to speed up development and help you manage the project you're working on. Using a framework for 3D games also helps optimize the performance as a lot is taken care of by the tools you use, so you can focus on building the game itself.</p> - -<p>The most popular JavaScript 3D library is <a href="http://threejs.org/">Three.js</a>, a multi-purpose tool that makes common 3D techniques simpler to implement. There are other popular game development libraries and frameworks worth checking too; <a href="https://aframe.io">A-Frame</a>, <a href="https://playcanvas.com/">PlayCanvas</a> and <a href="http://www.babylonjs.com/">Babylon.js</a> are among the most recognizable ones with rich documentation, online editors and active communities.</p> - -<h3 id="Building_up_a_basic_demo_with_A-Frame">Building up a basic demo with A-Frame</h3> - -<p>A-Frame is a web framework for building 3D and VR experiences. Under the hood, it is a three.js framework with a declarative entity-component pattern, meaning we can build scenes with just HTML. See the <a href="/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame">Building up a basic demo with A-Frame</a> subpage for the step-by-step process of creating the demo.</p> - -<h3 id="Building_up_a_basic_demo_with_Babylon.js">Building up a basic demo with Babylon.js</h3> - -<p><span class="seosummary">Babylon.js is one of the most popular 3D game engines used by developers. As with any other 3D library it provides built-in functions to help you implement common 3D functionality more quickly. See the <a href="/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Babylon.js">Building up a basic demo with Babylon.js</a> subpage for the basics of using Babylon.js, including setting up a development environment, structuring the necessary HTML, and writing the JavaScript code.</span></p> - -<h3 id="Building_up_a_basic_demo_with_PlayCanvas">Building up a basic demo with PlayCanvas</h3> - -<p>PlayCanvas is a popular 3D WebGL game engine open sourced on GitHub, with an editor available online and good documentation. See the <a href="/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_PlayCanvas">Building up a basic demo with PlayCanvas</a> subpage for high level details, and further articles showing how to create demos using the PlayCanvas library, and the online editor.</p> - -<h3 id="Building_up_a_basic_demo_with_Three.js">Building up a basic demo with Three.js</h3> - -<p>Three.js, as any other library, gives you a huge advantage: instead of writing hundreds of lines of WebGL code to build anything interesting you can use built-in helper functions to do it a lot easier and faster. See the <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Three.js">Building up a basic demo with Three.js</a> subpage for the step-by-step process of creating the demo.</p> - -<h3 id="Other_tools">Other tools</h3> - -<p>Both <a href="http://unity3d.com/">Unity</a> and <a href="https://www.unrealengine.com/">Unreal</a> can export your game to <a href="/en-US/docs/Web/API/WebGL_API">WebGL</a> with <a href="/en-US/docs/Games/Tools/asm.js">asm.js</a>, so you're free to use their tools and techniques to build games that will be exported to the web.</p> - -<p><img alt="" src="http://end3r.github.io/MDN-Games-3D/A-Frame/img/shapes.png" style="border-style: solid; border-width: 1px; display: block; margin: 0px auto;"></p> - -<h2 id="Where_to_go_next">Where to go next</h2> - -<p>With this article we just scratched the surface of what's possible with currently available technologies. You can build immersive, beautiful and fast 3D games on the Web using WebGL, and the libraries and frameworks build on top of it.</p> - -<h3 id="Source_code">Source code</h3> - -<p>You can find all the source code for this series <a href="http://end3r.github.io/MDN-Games-3D/">demos on GitHub</a>.</p> - -<h3 id="APIs">APIs</h3> - -<ul> - <li><a href="/en-US/docs/Web/API/Canvas_API">Canvas API</a></li> - <li><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a></li> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a></li> -</ul> - -<h3 id="Frameworks">Frameworks</h3> - -<ul> - <li><a href="http://threejs.org/">Three.js</a></li> - <li><a href="https://github.com/WhitestormJS/whs.js">Whitestorm.js</a> (based on Three.js)</li> - <li><a href="https://playcanvas.com/">PlayCanvas</a></li> - <li><a href="http://www.babylonjs.com/">Babylon.js</a></li> - <li><a href="http://aframe.io/">A-Frame</a></li> -</ul> - -<h3 id="Tutorials">Tutorials</h3> - -<ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Three.js">Building up a basic demo with Three.js</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Whitestorm.js">Building up a basic demo with Whitestorm.js</a></li> - <li><a href="/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_PlayCanvas">Building up a basic demo with PlayCanvas</a></li> - <li><a href="/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Babylon.js">Building up a basic demo with Babylon.js</a></li> - <li><a href="/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame">Building up a basic demo with A-Frame</a></li> -</ul> diff --git a/files/ar/games/techniques/index.html b/files/ar/games/techniques/index.html deleted file mode 100644 index 66edeebd82..0000000000 --- a/files/ar/games/techniques/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: Techniques for game development -slug: Games/Techniques -tags: - - Games - - Guide - - NeedsTranslation - - TopicStub -translation_of: Games/Techniques ---- -<div>{{GamesSidebar}}</div><div>{{IncludeSubnav("/en-US/docs/Games")}}</div> - -<div class="summary"> -<p><span class="seoSummary">This page lists essential core techniques for anyone wanting to develop games using open web technologies.</span></p> -</div> - -<dl> - <dt><a href="/en-US/docs/Games/Techniques/Async_scripts">Using async scripts for asm.js</a></dt> - <dd>Especially when creating medium to large-sized games, async scripts are an essential technique to take advantage of, so that your game's JavaScript can be compiled off the main thread and be cached for future game running, resulting in a significant performance improvement for your users. This article explains how.</dd> - <dt><a href="/en-US/docs/Apps/Developing/Optimizing_startup_performance" title="/en-US/docs/Apps/Developing/Optimizing_startup_performance">Optimizing startup performance</a></dt> - <dd>How to make sure your game starts up quickly, smoothly, and without appearing to lock up the user's browser or device.</dd> - <dt><a href="/en-US/docs/Games/WebRTC_data_channels" title="/en-US/docs/Games/WebRTC_data_channels">Using WebRTC peer-to-peer data channels</a></dt> - <dd>In addition to providing support for audio and video communication, WebRTC lets you set up peer-to-peer data channels to exchange text or binary data actively between your players. This article explains what this can do for you, and shows how to use libraries that make this easy.</dd> - <dt><a href="/en-US/docs/Games/Techniques/Efficient_animation_for_web_games">Efficient animation for web games</a></dt> - <dd>This article covers techniques and advice for creating efficient animation for web games, with a slant towards supporting lower end devices such as mobile phones. We touch on CSS transitions and CSS animations, and JavaScript loops involving {{ domxref("window.requestAnimationFrame") }}.</dd> - <dt><a href="/en-US/docs/Games/Techniques/Audio_for_Web_Games">Audio for Web Games</a></dt> - <dd>Audio is an important part of any game — it adds feedback and atmosphere. Web-based audio is maturing fast, but there are still many browser differences to negotiate. This article provides a detailed guide to implementing audio for web games, looking at what works currently across as wide a range of platforms as possible.</dd> - <dt><a href="/en-US/docs/Games/Techniques/2D_collision_detection">2D collision detection</a></dt> - <dd>A concise introduction to collision detection in 2D games.</dd> - <dt><a href="/en-US/docs/Games/Techniques/Tilemaps">Tilemaps</a></dt> - <dd>Tiles are a very popular technique in 2D games for building the game world. These articles provide an introduction to tilemaps and how to implement them with the Canvas API.</dd> -</dl> diff --git a/files/ar/glossary/accessibility/index.html b/files/ar/glossary/accessibility/index.html deleted file mode 100644 index 38f2f02832..0000000000 --- a/files/ar/glossary/accessibility/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: إتاحة -slug: Glossary/Accessibility -tags: - - إتاحة - - مسرد -translation_of: Glossary/Accessibility ---- -<p dir="rtl">تشير <em><a href="https://ar.wikipedia.org/wiki/%D8%A5%D8%AA%D8%A7%D8%AD%D8%A9">الإتاحة</a> الويبيّة</em> (Web Accessibility) إلى أفضل الممارسات المُستخدمة لإبقاء المواقع قابلة للاستخدام بغض النظر عن الإعاقات (أو القيود) الجسديّة والتقنيّة. عُرِفَت ونُقِشَت الإتاحة الويبيّة رسمياً في رابطة الويب العالمية (W3C) خلال {{Glossary("WAI","مبادرة الإتاحة الويبيّة")}} (WAI).</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li><a href="/ar/docs/Web/Accessibility">مصادر عن الإتاحة في شبكة مطوري موزيلا</a></li> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D8%B3%D9%87%D9%88%D9%84%D8%A9_%D8%A7%D9%84%D8%AA%D8%B5%D9%81%D8%AD">سهولة التصفح</a> في الموسوعة الحرَّة</li> -</ul> - -<h3 dir="rtl" id="تعلم_الإتاحة">تعلم الإتاحة</h3> - -<ul dir="rtl"> - <li>موقع "<a href="http://webaim.org/" rel="external">Web Accessibility In Mind</a>"</li> -</ul> - -<h3 dir="rtl" id="مراجع_تقنية">مراجع تقنية</h3> - -<ul dir="rtl"> - <li><a href="/ar/docs/Web/Accessibility/ARIA">توثيقات تقنية ARIA في شبكة مطوري موزيلا</a></li> - <li><a href="http://www.w3.org/WAI/">الصفحة الرئيسية لمبادرة الإتاحة الويبيّة</a></li> - <li><a href="http://www.w3.org/TR/wai-aria/">توثيقات تقنية WAI-ARIA</a></li> -</ul> diff --git a/files/ar/glossary/algorithm/index.html b/files/ar/glossary/algorithm/index.html deleted file mode 100644 index e3dbdbfd5f..0000000000 --- a/files/ar/glossary/algorithm/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: خوارزمية -slug: Glossary/Algorithm -tags: - - مسرد -translation_of: Glossary/Algorithm ---- -<p dir="rtl">الخوارزميّة هي مجموعة من الخطوات المتكاملة لتنفيذ مهمة معينة.</p> - -<p dir="rtl">بتعبير آخر، الخوارزميّة هي وسيلة لوصف طريقة (أسلوب) لحل مشكلة ما ليُمكِن حلها، لاحقاً، بشكل متكرر (أي مهما تكررت المشكلة يُمكِن استخدام هذه الخوارزميّة لحلها دوماً) سواءً من قبل الآلات أو البشر. يقيّم علماء الحاسوب كفاءة الخوارزميّة من خلال مفهوم "<a href="https://www.cs.cmu.edu/~adamchik/15-121/lectures/Algorithmic%20Complexity/complexity.html">التعقيد الخوارزمي</a>" أو "Big O".</p> - -<p dir="rtl">على سبيل المثال:</p> - -<ul dir="rtl"> - <li>وصفة الطعام هي مثال بسيط على خوارزميّة يُمكِن تنفيذها من قبل البشر.</li> - <li>غالباً ما تُستخدم خوارزميّة الفرز (sorting algorithm) في البرمجة لشرح كيفيّة فرز الآلات للبيانات.</li> -</ul> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D8%AE%D9%88%D8%A7%D8%B1%D8%B2%D9%85%D9%8A%D8%A9">الخوارزمية</a> في الموسوعة الحرَّة</li> -</ul> - -<h3 dir="rtl" id="مراجع_تقنيّة">مراجع تقنيّة</h3> - -<ul dir="rtl"> - <li><a href="https://www.toptal.com/developers/sorting-algorithms">شروحات عن خوارزميات الفرز</a></li> - <li><a href="http://bigocheatsheet.com/">شروحات عن التعقيد الخوارزمي</a> (algorithmic complexity)</li> -</ul> diff --git a/files/ar/glossary/api/index.html b/files/ar/glossary/api/index.html deleted file mode 100644 index 84fa067677..0000000000 --- a/files/ar/glossary/api/index.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: API -slug: Glossary/API -translation_of: Glossary/API ---- -<p>API (واجهة برمجة التطبيقات) هي مجموعة من الميزات والقواعد الموجودة داخل برنامج (التطبيق) مما يتيح التفاعل معها من خلال البرامج - بدلاً من واجهة مستخدم بشرية. يمكن اعتبار واجهة برمجة التطبيقات عقد بسيط (الواجهة) بين التطبيق الذي يقدمها والعناصر الأخرى، مثل برامج أو أجهزة خارجية.</p> - -<p>في تطوير الويب، تعد واجهة برمجة التطبيقات عادةً مجموعة من ميزات التعليمات البرمجية (على سبيل المثال. {{glossary("method","methods")}}، {{Glossary("property","properties")}}، events and {{Glossary("URL", "URLS")}} التي يمكن للمطور استخدامها في تطبيقاتها للتفاعل مع مكونات مستعرض ويب الخاص بالمستخدم، أو البرامج/الأجهزة الأخرى على كمبيوتر المستخدم، أو مواقع ويب أو خدمات خارجية.</p> - -<p>على سبيل المثال:</p> - -<p>يمكن استخدام getUserMedia API للاستيلاء على الصوت والفيديو من كاميرا ويب للمستخدم ، والتي يمكن استخدامها بعد ذلك بأي طريقة يحبها المطور ، على سبيل المثال ، تسجيل الفيديو والصوت ، وبثه إلى مستخدم آخر في مؤتمر عبر الهاتف ، أو التقاط الصور الثابتة من الفيديو.<br> - يمكن استخدام واجهة برمجة تطبيقات تحديد الموقع الجغرافي لاسترداد معلومات الموقع من أي خدمة متاحة للمستخدم على أجهزتهم (مثل GPS) ، والتي يمكن استخدامها بعد ذلك بالاقتران مع واجهات برمجة التطبيقات لخرائط Google لرسم موقع المستخدم على خريطة مخصصة على سبيل المثال وإظهارها لما هي مناطق الجذب السياحي في منطقتهم.<br> - يمكن استخدام واجهات برمجة تطبيقات تويتر لاسترداد البيانات من حسابات المستخدم على تويتر، على سبيل المثال، لعرض أحدث تغريداتهم على صفحة ويب.<br> - يمكن استخدام واجهة برمجة تطبيقات "رسوم الويب" لتحريك أجزاء صفحة ويب — على سبيل المثال، لجعل الصور تتحرك أو تستدير.</p> - -<h5 id="التعرف_على_المزيد_المعرفة_العامة">التعرف على المزيد المعرفة العامة</h5> - -<p>{{Interwiki("wikipedia", "Application_programming_interface", "API")}} على ويكيبيديا</p> - -<h5 id="المرجع_التقني">المرجع التقني</h5> - -<p>مرجع واجهة برمجة تطبيقات ويب</p> diff --git a/files/ar/glossary/argument/index.html b/files/ar/glossary/argument/index.html deleted file mode 100644 index 18c1671651..0000000000 --- a/files/ar/glossary/argument/index.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: مُعطى -slug: Glossary/Argument -tags: - - جافاسكربت - - مسرد -translation_of: Glossary/Argument ---- -<p dir="rtl"><strong>المُعطى</strong> (بالإنجليزيَّة: Argument)هو {{glossary("value", "قيمة")}} ({{Glossary("primitive", "أوليَّة")}} أو {{Glossary("object", "كائنيَّة")}}) تُمرَّر إلى الدالة كمُدخَل.</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li><a class="external external-icon" href="http://en.wikipedia.org/wiki/Parameter_%28computer_programming%29#Parameters_and_arguments" rel="noopener">الفرق بين الوسيط والمُعطى</a> في الموسوعة الحرَّة</li> -</ul> - -<h3 dir="rtl" id="مراجع_تقنيّة">مراجع تقنيّة</h3> - -<ul dir="rtl"> - <li>الكائن {{jsxref("Functions/arguments","arguments")}} في لغة {{glossary("JavaScript", "الجافاسكربت")}}</li> -</ul> diff --git a/files/ar/glossary/array/index.html b/files/ar/glossary/array/index.html deleted file mode 100644 index f250d38a45..0000000000 --- a/files/ar/glossary/array/index.html +++ /dev/null @@ -1,31 +0,0 @@ ---- -title: مصفوفة -slug: Glossary/array -tags: - - جافاسكربت - - مسرد -translation_of: Glossary/array ---- -<p dir="rtl"><strong>المصفوفة</strong> هي مجموعة مرتبة من البيانات (إما {{Glossary("primitive", "بدائية")}} أو {{Glossary("object", "شيئيّة")}} هذا يعتمد على اللغة المُستخدمة). تُستخدَم المصفوفات لتخزين عدَّة قيم في متغيّر واحد مقارنةً بالمتغيّر العادي الذي لا يمكن أن يُخزِّن سوى قيمة واحدة.</p> - -<p dir="rtl">لكل عنصر في المصفوفة رقم يدل عليه، يدعى بالرقم الفهرسي، يسمح هذا الرقم بالوصول إلى قيمة العنصر. تبدأ الفهرسة في لغة الجافاسكربت (كما في معظم اللغات) من الرقم صفر ويمكن التلاعب بعناصر المصفوفة باستخدام العديد من {{Glossary("Method", "الدوالة الصنفيّة")}}.</p> - -<p dir="rtl">تكون للمصفوفات الشكل التالي في لغة الجافاسكربت:</p> - -<pre dir="rtl">var myArray = [1, 2, 3, 4]; -var catNamesArray = ["Jacqueline", "Sophia", "Autumn"]; -//يمكن أن تحتوي المصفوفات في لغة الجافاسكربت على أنواع مختلفة من البيانات كما هو موضَّح أعلاه</pre> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D9%85%D8%B5%D9%81%D9%88%D9%81%D8%A9_(%D8%AD%D9%88%D8%B3%D8%A8%D8%A9)">المصفوفة</a> في الموسوعة الحرَّة</li> -</ul> - -<h3 dir="rtl" id="مراجع_تقنيّة">مراجع تقنيّة</h3> - -<ul dir="rtl"> - <li>توثيقات الكائن {{jsxref("Array")}} في لغة الجافاسكربت.</li> -</ul> diff --git a/files/ar/glossary/attribute/index.html b/files/ar/glossary/attribute/index.html deleted file mode 100644 index 522ffb8f91..0000000000 --- a/files/ar/glossary/attribute/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: خاصية -slug: Glossary/Attribute -tags: - - لغة ترميز النص الفائق - - مسرد -translation_of: Glossary/Attribute ---- -<p dir="rtl">تُعزِّز الخاصيّة (أو السمة أو الخاصة) الوسم، وتُعدِل من وظيفته أو تضيف بيانات وصفيّة له (metadata). تُعرَّف الخواص دوماً بالصيغة <code>اسم الخاصيّة=القيمة</code> (اسم الخاصيّة متبوعاً بالقيمة المُسندة لها).</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="مراجع_تقنيّة"><span style="font-size: 1.71429rem;">مراجع تقنيّة</span></h3> - -<ul dir="rtl"> - <li><a href="/ar/docs/Web/HTML/Attributes">مرجع سِمات لغة ترميز النص الفائق</a></li> - <li>معلومات عن <a href="/ar/docs/Web/HTML/Global_attributes">سِمات لغة ترميز النص الفائق العموميّة</a> (global attributes)</li> -</ul> diff --git a/files/ar/glossary/bandwidth/index.html b/files/ar/glossary/bandwidth/index.html deleted file mode 100644 index bfbadfce0f..0000000000 --- a/files/ar/glossary/bandwidth/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: Bandwidth -slug: Glossary/Bandwidth -tags: - - Bandwidth - - بنية تحتية - - قاموس مصطلحات - - معجم -translation_of: Glossary/Bandwidth ---- -<p dir="rtl">النطاق الترددي (Bandwidth) هو مقياس مقدار المعلومات التي يمكن أن تمر عبر اتصال بيانات في فترة زمنية محددة. يتم قياسه عادة بمضاعفات بت في الثانية (bps)، على سبيل المثال ميغابت في الثانية (Mbps) أو غيغابت في الثانية (Gbps).</p> - -<h2 dir="rtl" id="اعرف_أكثر">اعرف أكثر</h2> - -<ul> - <li>{{Interwiki("wikipedia", "Bandwidth")}} على ويكيبيديا</li> -</ul> - -<div id="eJOY__extension_root"> </div> diff --git a/files/ar/glossary/blink/index.html b/files/ar/glossary/blink/index.html deleted file mode 100644 index 9637f62c04..0000000000 --- a/files/ar/glossary/blink/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: بلينك -slug: Glossary/Blink -tags: - - مسرد -translation_of: Glossary/Blink ---- -<p dir="rtl">يعد بلينك (Blink) محرِّك تنسيق (أو مُحرِّك تخطيط أو مُحرِّك تموضع - layout engine) مفتوح المصدر طوِّر من شركة جوجل كجزء من مشروع كروميوم (وبالتالي من مشروع كروم أيضاً كونه مبنياً على كروميوم). بلينك هو بالأصل اشتقاق من مكتبة {{glossary("WebKit", "ويب كيت")}} التي تقوم بعملية موضَعِة وعرض الأشكال، وتتعامل مع {{glossary("DOM", "نموذج كائن المستند")}} (DOM).</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li><a href="http://www.chromium.org/blink">الصفحة الرئيسيّة</a> لمشروع بلينك</li> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D8%A8%D9%84%D9%8A%D9%86%D9%83">بلينك</a> في الموسوعة الحرَّة</li> - <li>أسئلة شائعة عن <a href="http://www.chromium.org/blink/developer-faq">بلينك</a></li> -</ul> diff --git a/files/ar/glossary/boolean/index.html b/files/ar/glossary/boolean/index.html deleted file mode 100644 index b050bb3d8d..0000000000 --- a/files/ar/glossary/boolean/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: متغير بولياني -slug: Glossary/Boolean -tags: - - أنواع البيانات - - جافاسكربت - - شيفرة المكتوب - - لغات برمجية - - مسرد -translation_of: Glossary/Boolean ---- -<p dir="rtl">المتغير البولياني هو نوع من البيانات، يأخذ فقط القيمة <code>صحيح</code> أو <code>خطأ</code>. مثلا في جافاسكربت، الشروط البوليانية تستعمل عادة لتحديد أي جزء من الشيفرة سينفذ (كالتعبير الشرطي if) أو سيكرر (كحلقة التكرار for).</p> - -<pre class="brush: js">/* التعبير الشرطي الجافاسكربتي */ -if (الشرط البولياني) { - // ما سينفذ في حالة الشرط صحيح -} - -if (الشرط البولياني) { - console.log("الشرط البولياني صحيح"); -} else { - console.log("الشرط البولياني خاطئ"); -} - - -/* حلقة التكرار الجافاسكربتية */ -for (متغير التحكم; الشرط البولياني; counter) { - // ما سيكرر في حالة الشرط صحيح - -for (var i=0; i < 4; i++) { - console.log("أطبع فقط إذا الشرط صحيح"); -} -</pre> - -<h2 id="المزيد">المزيد</h2> - -<h3 id="المركز_المعرفي">المركز المعرفي</h3> - -<ul> - <li>{{Interwiki("wikipedia", "Boolean data type", "Boolean")}} on Wikipedia</li> -</ul> - -<h3 id="المرجع_التقني">المرجع التقني</h3> - -<ul> - <li>The JavaScript global object: {{jsxref("Boolean")}}</li> - <li><a href="/en-US/docs/Web/JavaScript/Data_structures">JavaScript data types and data structures</a></li> -</ul> diff --git a/files/ar/glossary/browser/index.html b/files/ar/glossary/browser/index.html deleted file mode 100644 index 8ce6faac33..0000000000 --- a/files/ar/glossary/browser/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: متصفح -slug: Glossary/Browser -tags: - - مسرد -translation_of: Glossary/Browser ---- -<p dir="rtl"><em>مُتصفِح الويب</em> هو برنامج يُستخدَم لاستقبال وعرض الصفحات من {{Glossary("World Wide Web","الشابكة")}}، كما يُمكِّن المستخدمين من الولوج إلى صفحات أخرى عبر {{Glossary("hyperlink","الوصلات")}}.</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D9%85%D8%AA%D8%B5%D9%81%D8%AD_(%D9%88%D9%8A%D8%A8)">متصفح الويب</a> في الموسوعة الحرَّة</li> - <li>موقع <a href="http://www.evolutionoftheweb.com/">تطوُّر الشابكة</a></li> -</ul> - -<h3 dir="rtl" id="متصفحات_للتنزيل">متصفحات للتنزيل</h3> - -<ul dir="rtl"> - <li><a href="http://www.mozilla.org/ar/firefox/features/">متصفح فايرفوكس</a></li> - <li><a href="http://www.google.com/chrome/">متصفح جوجل كروم</a></li> - <li><a href="https://www.microsoft.com/en-us/download/internet-explorer.aspx">متصفح إنترنت إكسبلورر</a></li> - <li><a href="http://www.opera.com/">متصفح أوبرا</a></li> -</ul> diff --git a/files/ar/glossary/character/index.html b/files/ar/glossary/character/index.html deleted file mode 100644 index d691ce44ce..0000000000 --- a/files/ar/glossary/character/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: الحروف -slug: Glossary/Character -translation_of: Glossary/Character -original_slug: Glossary/الحروف ---- -<p dir="rtl">الحرف هي إما "رمز" (حروف ، أرقام ، علامات ترقيم) أو "تحكم" غير طباعي (على سبيل المثال ، رمز الإرجاع أوخطّ وصل).</p> - -<p dir="rtl">{{glossary ("UTF-8")}} هي مجموعة الأحرف الأكثر شيوعًا وتتضمن حروفًا لغوية من أشهر اللغات البشرية.</p> - -<h2 dir="rtl" id="لمعرفة_المزيد">لمعرفة المزيد</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul> - <li dir="rtl">{{interwiki("wikipedia", "Character (computing)")}} على Wikipedia</li> - <li dir="rtl">{{interwiki("wikipedia", "Character encoding")}} على Wikipedia</li> - <li dir="rtl">{{interwiki("wikipedia", "ASCII")}} على Wikipedia</li> - <li dir="rtl">{{interwiki("wikipedia", "UTF-8")}} على Wikipedia</li> - <li dir="rtl">{{interwiki("wikipedia", "Unicode")}} على Wikipedia</li> -</ul> diff --git a/files/ar/glossary/compile/index.html b/files/ar/glossary/compile/index.html deleted file mode 100644 index dd841b3e04..0000000000 --- a/files/ar/glossary/compile/index.html +++ /dev/null @@ -1,28 +0,0 @@ ---- -title: تصريف -slug: Glossary/Compile -tags: - - مسرد -translation_of: Glossary/Compile ---- -<p><strong>التصريف</strong> (بالإنجليزيَّة: Compiling) هو عمليَّة تحويل برنامج حاسوبي مكتوب {{Glossary("computer programming", "بلغة برمجة")}} إلى برنامجٍ مُكافِئ مكتوب بلغةٍ أخرى (<strong>المُصرِّف</strong> هو البرمجيَّة التي تؤدي هذه المهمة). تُسمَّى أحيانًا هذه العمليَّة "بالتجميع (بالإنجليزيَّة: Assembling)" أو "البناء (بالإنجليزيَّة: Build)"، ما يوضِّح عادةً وجود المزيد من الخطوات بعد التصريف (كتحزيم البرنامج في صيغة ثنائيَّة تنفيذيَّة).</p> - -<p>يُحوِّل المُصرِّف عادةً لغةً عالية المُستوى (مثل سي أو {{Glossary("Java", "جافا")}})، المفهومة من البشر، إلى لغة الآلة (كلغة التجميع)، المفهومة من المعالِج. تتُرجِم بعض المُصرِّفات بين لُغتين من نفس المستوى، فتُسمَّى مُصبرِفات (نحتًا من مُصرِّف بيني) أو مُصعرِفات (نحتًا من مُصرِّف تقاطعي)، كتصريف لغة التايب سكربت إلى {{Glossary("JavaScript", "الجافاسكربت")}}.</p> - -<p>مُعظَم المُصرِّفات إمّا قبليَّة (تُصرِّف البرنامج قبل تشغيله، بالإنجليزيَّة: Ahead of time) وإمّا آنيَّة (تُصرِّف البرنامج أثناء تشغيله، بالإنجليزيَّة: Just in time). عادةً ما يستخدم المُطوِّر المُصرِّفات القبليَّة الاعتياديَّة من سطر الأوامر أو من {{Glossary("IDE", "بيئته البرمجيَّة")}}. من أشهر مُصرِّفات هذا النوع هو مُصرِّف جنو GCC. هذا بالنسبة للمُصرِّفات القبليَّة، أم المُصرِّفات الآنية فهي عادةً شفّافة بالنسبة لك، وتُستخدَم لأداءٍ أفضل. يحوي مُحرِّك الجافاسكربت <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> لمُتصفِّح فايرفوكس كمثال مُصرِّفًا آنيًّا مُضمّنًا فيه، يُصرِّف هذا المُصرِّف أكواد الجافاسكربت في المواقع العنكبوتيَّة إلى لغة الآلة أثناء تصفُّحِكَ لها، ما يُحسِّن الأداء ويزيده سُرعة. تعمل مشاريع مثل <a href="ar/docs/WebAssembly/">لغة التجميع العنكبوتيَّة</a> (بالإنجليزيَّة: WebAssembly) على جعل الأداء أفضل من ذلك حتّى.</p> - -<h2 id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 id="معلومات_عامة">معلومات عامة</h3> - -<ul> - <li dir="rtl">مقالة عن <a href="https://ar.wikipedia.org/wiki/%D9%85%D8%AD%D9%88%D9%84_%D8%A8%D8%B1%D9%85%D8%AC%D9%8A">المُصرِّف</a> في الموسوعة الحرَّة</li> - <li dir="rtl"><a href="https://gcc.gnu.org/">مجموعة مُصرِّفات جنو</a> (GCC)</li> -</ul> - -<h3 id="موارد_تعليميَّة">موارد تعليميَّة</h3> - -<ul> - <li><a href="https://medium.com/basecs/a-deeper-inspection-into-compilation-and-interpretation-d98952ebc842">مقدمة في المُصرِّفات (بالإنجليزيَّة)</a></li> - <li><a href="http://stackoverflow.com/a/1672/133203">قائمة ضخمة من موارد تعلُّم المُصرِّفات في موقع StackOverflow</a></li> -</ul> diff --git a/files/ar/glossary/computer_programming/index.html b/files/ar/glossary/computer_programming/index.html deleted file mode 100644 index c497bed929..0000000000 --- a/files/ar/glossary/computer_programming/index.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: برمجة -slug: Glossary/Computer_Programming -tags: - - برمجة - - لغات برمجة - - مسرد -translation_of: Glossary/Computer_Programming ---- -<p dir="rtl">تُعرَّف <strong>البرمجة</strong> (أو برمجة الحاسب الآلي) بأنَّها عمليّة إنشاء وتنظيم مجموعة من التعليمات. تُخبِر هذه التعليمات الحاسوب بما عليه فعله باللغة التي يفهمها. تأتي هذه التعليمات بأشكال لغات مختلفة مثل جافا، جافاسكربت، بايثون، روبي ...إلخ.</p> - -<p dir="rtl">يمكنك، باستخدام اللغة المناسبة، إنشاء جميع أنواع البرمجيات. على سبيل المثال، برنامج يساعد العلماء على حل المعادلات المُعقدة، قاعدة بيانات تُخزِن كميّة هائلة من البيانات، موقع يتيح للناس تحميل الأغاني، أو برنامج يتيح للناس إنشاء أفلام رسوم متحركة.</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة عن {{Interwiki("wikipedia", "برمجة", "البرمجة")}} في الموسوعة الحرَّة</li> - <li>مقالة عن {{Interwiki("wikipedia", "قائمة_لغات_البرمجة", "قائمة بلغات البرمجة")}} في الموسوعة الحرَّة</li> -</ul> diff --git a/files/ar/glossary/cookie/index.html b/files/ar/glossary/cookie/index.html deleted file mode 100644 index 05e0621c77..0000000000 --- a/files/ar/glossary/cookie/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: كعكة -slug: Glossary/Cookie -tags: - - مسرد -translation_of: Glossary/Cookie ---- -<p dir="rtl">الكعكة (ملف تعريف الارتباط) هي قدر صغير من المعلومات يُترَك على حواسيب الزوار من قبل الموقع بواسطة {{ Glossary("browser", "المُتصفِح") }}.</p> - -<p dir="rtl">تُستخدَم الكعكات لتخصيص تجربة المُستخدِم مع الموقع. قد تحتوي هذه الكعكات على تفضيلات أو مدخلات المُستخدِم عند دخوله لهذا الموقع. يستطيع المُستخدمِين تعديل متصفحاتِهم لقبول، أو رفض، أو حذف هذه الكعكات.</p> - -<p dir="rtl">يُمكِن وضع الكعكات وتعديلها من جهة الخادم باستخدام <a href="/ar/docs/Web/HTTP/Cookies">الترويسة</a> <code>Set-Cookie</code>، أو بواسطة الجافاسكربت باستخدام الخاصيّة <code><a href="/en-US/docs/Web/API/Document/cookie">document.cookie</a></code>.</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D9%85%D9%84%D9%81_%D8%AA%D8%B9%D8%B1%D9%8A%D9%81_%D8%A7%D8%B1%D8%AA%D8%A8%D8%A7%D8%B7">ملف تعريف الارتباط</a> في الموسوعة الحرَّة</li> -</ul> diff --git a/files/ar/glossary/copyleft/index.html b/files/ar/glossary/copyleft/index.html deleted file mode 100644 index 5b44cfb6ad..0000000000 --- a/files/ar/glossary/copyleft/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: حقوق متروكة -slug: Glossary/Copyleft -tags: - - ترخيص - - مسرد -translation_of: Glossary/Copyleft ---- -<p dir="rtl">يشير مصطلح الحقوق المتروكة (copyleft)، في سياق التراخيص القانونيّة، إلى نوع الرخص التي تفرض ترخيص إعادة توزيع العمل المُرخَص بها بالرخصة الأصل. يمكننا أخذ {{Glossary("GPL", "رخصة جنو العموميّة")}} كمثال على تراخيص الحقوق المتروكة للبرمجيات <a href="https://ar.wikipedia.org/wiki/%D8%B1%D8%AE%D8%B5_%D8%A7%D9%84%D9%85%D8%B4%D8%A7%D8%B9_%D8%A7%D9%84%D8%A5%D8%A8%D8%AF%D8%A7%D8%B9%D9%8A">ورخص المشاع الإبداعي</a> من فئة الترخيص بالمثل كمثال على تراخيص الحقوقة المتروكة للأعمال الفنيّة.</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D8%AD%D9%82%D9%88%D9%82_%D9%85%D8%AA%D8%B1%D9%88%D9%83%D8%A9">الحقوق المتروكة</a> في الموسوعة الحرَّة</li> -</ul> diff --git a/files/ar/glossary/data_structure/index.html b/files/ar/glossary/data_structure/index.html deleted file mode 100644 index 49529d5852..0000000000 --- a/files/ar/glossary/data_structure/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: هيكل بيانات -slug: Glossary/Data_structure -tags: - - مسرد - - هياكل-البيانات -translation_of: Glossary/Data_structure ---- -<p dir="rtl"><strong>هيكل البيانات</strong> (بالإنجليزيَّة: Data Structure) هو طريقة مُعينة لتخزين وتنظيم البيانات ما يُمكِّن استخدامها بكفاءة.</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D8%A8%D9%86%D9%8A%D8%A9_%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA">هيكل البيانات</a> في الموسوعة الحرَّة</li> -</ul> diff --git a/files/ar/glossary/decryption/index.html b/files/ar/glossary/decryption/index.html deleted file mode 100644 index fc8c14de60..0000000000 --- a/files/ar/glossary/decryption/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: فك التشفير -slug: Glossary/Decryption -tags: - - حماية - - مسرد -translation_of: Glossary/Decryption ---- -<p dir="rtl"><strong>فك التشفير</strong>، في علم التشفير، هو تحويل {{glossary("ciphertext", "نص مُشفَر")}} إلى {{glossary("cleartext", "نص مقروء")}}.</p> - -<p dir="rtl">فك التشفير هو من مبادئ عمليّة التشفير، فهو يحوِّل النص المُشفَر (كما يسمى النص المُعمَّى أيضاً) إلى نص مقروء باستخدام خوارزميّة تشفير تُسمى {{glossary("cipher", "الشيفرة")}}. كما في التشفير، تجري عمليّة فك التشفير في الخوارزميات الحديثة باستخدام خوارزميّة وكلمة سريّة معينة، تدعى {{glossary("key", "المفتاح")}}. في حين أنَّ الخوارزميات غالباً ما تُنشَر للعامة، فالمفتاح ينبغي أن يبقى سرياً مادام النص المُشفَر يجب أن يبقى سرياً.</p> - -<p dir="rtl"> </p> - -<p><img alt="مبدأ عمليّة فك التشفير." src="https://mdn.mozillademos.org/files/15899/Decryption-ar.png" style="height: 81px; width: 485px;"></p> - -<p dir="rtl">فك التشفير هو العمليّة المعاكسة {{glossary("encryption", "للتشفير")}}. تكون عمليّة فك التشفير صعبة الإجراء حسابياً إن كان المفتاح السري غير ملعوم. يتوقف مدى الصعوبة على قوَّة الخوارزميّة المُختارة وعلى التقدُم في عمليّة تحليلها (أي كُلما عُلِمَت تفاصيل أكثر عن آلية التشفير المُستخدمة وضَعُفَت قوة الخوارزميّة سهل كسرها).</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 class="highlight-spanned" dir="rtl" id="مراجع_تقنيّة">مراجع تقنيّة</h3> - -<ul dir="rtl"> - <li><a href="/ar/docs/Encryption_and_Decryption">التشفير وفك التشفير</a></li> -</ul> diff --git a/files/ar/glossary/denial_of_service/index.html b/files/ar/glossary/denial_of_service/index.html deleted file mode 100644 index 4fe7c06334..0000000000 --- a/files/ar/glossary/denial_of_service/index.html +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: حجب الخدمة -slug: Glossary/Denial_of_Service -tags: - - حماية - - مسرد -translation_of: Glossary/Denial_of_Service ---- -<p>{{page("/ar/docs/Glossary/DOS_attack")}}</p> diff --git a/files/ar/glossary/dom/index.html b/files/ar/glossary/dom/index.html deleted file mode 100644 index 11757b223f..0000000000 --- a/files/ar/glossary/dom/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: DOM -slug: Glossary/DOM -tags: - - CodingScripting - - DOM - - Glossary -translation_of: Glossary/DOM ---- -<p dir="rtl"> </p> - -<p dir="rtl">DOM (نموذج كائن المستند) هو {{glossary("API")}} يمثل ويتفاعل مع أي مستند {{glossary("HTML")}} أو {{glossary("XML")}} .</p> - -<p dir="rtl">DOM عبارة عن نموذج مستند تم تحميله في {{glossary("browser")}} ويمثل المستند على شكل شجرة عقدة ، حيث تمثل كل عقدة جزءًا من المستند (على سبيل المثال ، {{Glossary("element")}} ، سلسلة نصية ، أو تعليق).</p> - -<p dir="rtl">يُعد DOM واحدًا من أكثر {{Glossary("API")}} المستخدم في {{glossary("World Wide Web","Web")}} لأنه يسمح بتشغيل التعليمات البرمجية في المتصفح للوصول و التفاعل مع كل عقدة في الوثيقة. يمكن إنشاء العقد ونقلها وتغييرها. يمكن إضافة مستمعي الحدث إلى العقد وتشغيله عند وقوع حدث معين.</p> - -<p dir="rtl">لم يتم تحديد DOM في الأصل - فقد جاء عندما بدأت المتصفحات في تنفيذ {{Glossary("JavaScript")}}. يطلق على هذا DOM القديم أحيانًا اسم DOM 0. واليوم ، يحافظ WHATWG على معيار DOM .</p> - -<p dir="rtl"> </p> - -<h2 dir="rtl" id="أعرف_أكثر">أعرف أكثر</h2> - -<h3 dir="rtl" id="معرفة_عامة">معرفة عامة</h3> - -<ul> - <li>{{interwiki("wikipedia", "Document_Object_Model", "The Document Object Model")}} على Wikipedia</li> -</ul> - -<h3 dir="rtl" id="معلومات_تقنية">معلومات تقنية</h3> - -<ul> - <li dir="rtl"><a href="/en-US/docs/DOM">وثائق DOM على MDN</a></li> - <li dir="rtl"><a href="https://dom.spec.whatwg.org/" rel="external">معيار DOM</a></li> -</ul> diff --git a/files/ar/glossary/dos_attack/index.html b/files/ar/glossary/dos_attack/index.html deleted file mode 100644 index 4ab372752a..0000000000 --- a/files/ar/glossary/dos_attack/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: هجمة حجب الخدمة -slug: Glossary/DOS_attack -tags: - - حماية - - مسرد -translation_of: Glossary/DOS_attack ---- -<p dir="rtl"><strong>هجوم حجب الخدمة</strong> (أو هجوم الحرمان من الخدمة - Dos) هي هجمة شبكيّة تمنَع الاستخدام الشرعي (العادي) لموارد {{glossary("server", "الخادم")}} عن طريق إغراقه بالطلبات.</p> - -<p dir="rtl">تمتلك الحواسيب حد معين من الموارد، كالقدرة الحسابيّة أو الذاكرة. عندما تُستهلَك هذه الموارد قد يتجمد أو يتعطل البرنامج، مما يجعله غير متوفراً. تتألف هجمة حجب الخدمة من تقنيات متنوعة لجعل لاستنفاذ هذه الموارد وجعل الخادمة أو الشبكة غير متاحة لمستخدميها الشرعيين، أو على الأقل لإبطاء أداء الخادم.</p> - -<h3 dir="rtl" id="أنواع_هجمات_حجب_الخدمة">أنواع هجمات حجب الخدمة</h3> - -<p dir="rtl">هجمات حجب الخدمة هي تصنيف أكثر من أن تكون نوع معين من الهجمات. أدناه توجد قائمة غير شاملة لأنواع هجمات حجب الخدمة:</p> - -<ul dir="rtl"> - <li>هجوم النطاق الترددي (bandwidth attack)</li> - <li>هجوم إغراق الخدمة بالطلبات (service request flood)</li> - <li>هجوم الغمر التزامني (SYN flooding attack)</li> - <li>هجوم الغمر بطلبات ميثاق<span class="CLPzrc Y0NH2b"> رسائل التحكم في الإنترنت</span> (ICMP flood attack)</li> - <li>هجوم الند للند (peer-to-peer attack)</li> - <li>هجوم حجب الخدمة المُستمِر (permanent DoS attack)</li> - <li>هجوم الغمر على مستوى طبقة التطبيقات (application level flood attack)</li> -</ul> - -<h2 dir="rtl" id="المزيد_من_المعلومات">المزيد من المعلومات</h2> - -<ul dir="rtl"> - <li>مقالة <a href="https://ar.wikipedia.org/wiki/%D9%87%D8%AC%D9%85%D8%A7%D8%AA_%D8%A7%D9%84%D8%AD%D8%B1%D9%85%D8%A7%D9%86_%D9%85%D9%86_%D8%A7%D9%84%D8%AE%D8%AF%D9%85%D8%A7%D8%AA">هجمة الحرمان من الخدمات</a> في الموسوعة الحرَّة</li> - <li>مقالة <a href="https://www.owasp.org/index.php/Denial_of_Service">حجب الخدمة في موسوعة أواسب</a></li> - <li>{{Glossary("Distributed Denial of Service","هجمة حجب الخدمة الموزَّعة")}}</li> -</ul> diff --git a/files/ar/glossary/first-class_function/index.html b/files/ar/glossary/first-class_function/index.html deleted file mode 100644 index 83e098f519..0000000000 --- a/files/ar/glossary/first-class_function/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: الدوال من الدرجة الأولى -slug: Glossary/First-class_Function -translation_of: Glossary/First-class_Function -original_slug: Glossary/الدوال_من_الدرجة_الأولى ---- -<p dir="rtl">يقال عن لغة البرمجة أنها تملك <strong>دوال من الدرجة الأولى</strong> عندما تعامل هذه الدوال في تلك اللغة كأي متغير أخر. على سبيل المثال، في تلك اللغات، يمكن أن تمرر الدالة كمعامل لدالة أخرى، ويمكن أن يتم إرجاعها من قبل دالة أخرى، ويمكن تعيينها كقيمة لمتغير.</p> - -<h2 dir="rtl" id="تعلم_المزيد">تعلم المزيد</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة <a href="https://en.wikipedia.org/wiki/First-class_function">الدوال من الدرجة الأولى</a> في ويكيبيديا.</li> -</ul> diff --git a/files/ar/glossary/forbidden_header_name/index.html b/files/ar/glossary/forbidden_header_name/index.html deleted file mode 100644 index 12776e896f..0000000000 --- a/files/ar/glossary/forbidden_header_name/index.html +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: Forbidden header name -slug: Glossary/Forbidden_header_name -translation_of: Glossary/Forbidden_header_name ---- -<p>A <dfn>forbidden header name</dfn> is the name of any <a href="/en-US/docs/Web/HTTP/Headers">HTTP header</a> that cannot be modified programmatically; specifically, an HTTP <strong>request</strong> header name (in contrast with a {{Glossary("Forbidden response header name")}}).</p> - -<p>Modifying such headers is forbidden because the user agent retains full control over them. Names starting with `<code title="">Sec-</code>` are reserved for creating new headers safe from {{glossary("API","APIs")}} using <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a> that grant developers control over headers, such as {{domxref("XMLHttpRequest")}}.</p> - -<p>Forbidden header names start with <code>Proxy-</code> or <code>Sec-</code>, or are one of the following names:</p> - -<ul class="brief"> - <li><code title="">Accept-Charset</code></li> - <li><code title="">Accept-Encoding</code></li> - <li><code title="">Access-Control-Request-Headers</code></li> - <li><code title="">Access-Control-Request-Method</code></li> - <li><code title="">Connection</code></li> - <li><code title="">Content-Length</code></li> - <li><code title="">Cookie</code></li> - <li><code title="">Cookie2</code></li> - <li><code title="">Date</code></li> - <li><code title="">DNT</code></li> - <li><code title="">Expect</code></li> - <li><code title="">Feature-Policy</code></li> - <li><code title="">Host</code></li> - <li><code title="">Keep-Alive</code></li> - <li><code title="http-origin">Origin</code></li> - <li><code title="http-origin">Proxy-</code></li> - <li><code title="http-origin">Sec-</code></li> - <li><code title="">Referer</code></li> - <li><code title="">TE</code></li> - <li><code title="">Trailer</code></li> - <li><code title="">Transfer-Encoding</code></li> - <li><code title="">Upgrade</code></li> - <li><code title="">Via</code></li> -</ul> - -<div class="note"> -<p><strong>Note</strong>: The <code>User-Agent</code> header is no longer forbidden, <a href="https://fetch.spec.whatwg.org/#terminology-headers">as per spec</a> — see forbidden header name list (this was implemented in Firefox 43) — it can now be set in a Fetch <a href="/en-US/docs/Web/API/Headers">Headers</a> object, or via XHR <a href="/en-US/docs/Web/API/XMLHttpRequest#setRequestHeader%28%29">setRequestHeader()</a>. However, Chrome will silently drop the header from Fetch requests (see <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=571722">Chromium bug 571722</a>).</p> -</div> - -<section class="Quick_links" id="Quick_Links"> -<ol> - <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a> - - <ol> - <li>{{Glossary("Forbidden response header name")}}</li> - </ol> - </li> -</ol> -</section> diff --git a/files/ar/glossary/function/index.html b/files/ar/glossary/function/index.html deleted file mode 100644 index 169997f62c..0000000000 --- a/files/ar/glossary/function/index.html +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: دالة -slug: Glossary/Function -tags: - - جافاسكربت - - مسرد -translation_of: Glossary/Function ---- -<p dir="rtl"><strong>الدالة</strong> (بالإنجليزيَّة: Function) هي قطعة من الكود يُمكِن استدعاؤها من جزء آخر أو من قبل نفسها، أو هي {{Glossary("variable", "مُتغيِّر")}} يشير إلى دالة. عندما تُستدعى الدالة، تُمرَّر {{Glossary("Argument", "المُعطيات")}} إلى الدالة كمُدخلات، كما يُمكِن للدالة - اختياريًا - أن تُعيد مُخرجًا. تُصنَّف الدوال في لغة {{glossary("JavaScript", "الجافاسكربت")}} على أنهَّا {{glossary("object", "كائنات")}}.</p> - -<p dir="rtl">اسم الدالة هو {{Glossary("identifier", "مُعرِّف")}} يُصرَّح عنه كجزء من كود التصريح عن الدالة. يعتمد {{Glossary("scope", "مجال")}} اسم الدالة على ما إذا كان اسمها تصريحًا أم تعبيرًا (حيث إذا كان تصريحًا سيُحمَّل قبل تنفيذ الكود، أما إذا كان تعبيرًا سيُحمَّل عند وصول المُفسِّر إليه. طالع <a href="https://stackoverflow.com/questions/1013385/what-is-the-difference-between-a-function-expression-vs-declaration-in-javascrip">هذا السؤال</a> للمزيد من المعلومات).</p> - -<h3 dir="rtl" id="الأنواع_المختلفة_للدوال">الأنواع المختلفة للدوال</h3> - -<p dir="rtl"><strong>الدالة المجهولة </strong>(بالإنجليزيَّة: Anonymous function) هي دالة لا تملك اسمًا:</p> - -<pre class="brush: js">function () {}; -// أو باستخدام الأسهم في إصدار EMAScript 2015 -() => {}; -</pre> - -<p dir="rtl"><strong>الدالة المُسمّاة</strong> (بالإنجليزيَّة: Named function) هي دالة تملك اسمًا:</p> - -<pre class="brush: js">function foo() {}; -// أو باستخدام الأسهم في إصدار EMAScript 2015 -const foo = () => {}; -</pre> - -<p dir="rtl"><strong>الدالة المُحاطة</strong> (بالإنجليزيَّة: Inner function) هي دالة بداخل أخرى (الدالة <code>square</code> كما في مثالنا أدناه). <strong>الدالة المُحيطة</strong> (outer function) هي دالة (الدالة <code>addSquares</code> كما في مثالنا أدناه) تُحيط بأخرى:</p> - -<pre class="brush: js">function addSquares(a,b) { - function square(x) { - return x * x; - } - return square(a) + square(b); -}; -//باستخدام الأسهم في إصدار ECMAScript 2015 -const addSquares = (a,b) => { - const square = x => x*x; - return square(a) + square(b); -}; -</pre> - -<p dir="rtl"><strong>الدالة العوديّة</strong> (بالإنجليزيَّة: Recursive function) هي دالة تستدعي نفسها. طالع {{Glossary("Recursion", "المعاودة")}} للمزيد من التفاصيل.</p> - -<pre class="brush: js">function loop(x) { - if (x >= 10) - return; - loop(x + 1); -}; -//باستخدام الأسهم في إصدار ECMAScript 2015 -const loop = x => { - if (x >= 10) - return; - loop(x + 1); -}; -</pre> - -<p dir="rtl"><strong>التعبيرات الداليَّة المُستحضرة فوريًا</strong> (بالإنجليزيَّة: Immediately Invoked Function Expressions) هي دوال تُستدعى مباشرةً بعد أنْ تُحمَّل إلى {{glossary("Compiler", "مُصرِّف")}} المُتصفِّح. يُعرَّف هذا النوع من الدوال عبر إضافة قوسان: يساري ويميني إضافيان في نهاية تصريح الدالة (انظر أدناه).</p> - -<pre class="brush: js">// Error (https://en.wikipedia.org/wiki/Immediately-invoked_function_expression) -/* -function foo() { - console.log('Hello Foo'); -}(); -*/ - -(function foo() { - console.log("Hello Foo"); -}()); - -(function food() { - console.log("Hello Food"); -})(); - -</pre> - -<p dir="rtl">اقرأ <a href="https://en.wikipedia.org/wiki/Immediately-invoked_function_expression">هذه المقالة</a> في الموسوعة الحرَّة للمزيد عن هذا النوع من الدوال.</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="مراجع_تقنيّة">مراجع تقنيّة</h3> - -<ul dir="rtl"> - <li><a href="/ar/docs/Web/JavaScript/Guide/Functions">توثيق الدوال</a> في شبكة مطوري موزيلا</li> - <li><a href="/ar/docs/Web/JavaScript/Guide/Functions">الدوال السهميّة</a></li> -</ul> diff --git a/files/ar/glossary/google_chrome/index.html b/files/ar/glossary/google_chrome/index.html deleted file mode 100644 index 02a62dc468..0000000000 --- a/files/ar/glossary/google_chrome/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: جوجل كروم -slug: Glossary/Google_Chrome -tags: - - مسرد -translation_of: Glossary/Google_Chrome ---- -<p dir="rtl">جوجل كروم هو {{glossary("browser", "مُتصفِح")}} ويب مجاني طوِّر بواسطة شركة جوجل. يعد هذا المتصفح مبنياً على مشروع <a href="http://www.chromium.org/">كروميوم</a> مفتوح المصدر. يوجد بضعة اختلافات رئيسيّة بينهما (كروم وكروميوم) مشروحة في <a href="https://code.google.com/p/chromium/wiki/ChromiumBrowserVsGoogleChrome">موسوعة مشروع كروميوم</a>. يستخدم كلا المشروعين مُحرِّك عرض مُشتَق من {{glossary("WebKit", "ويب كيت")}} يسمى {{glossary("Blink", "بلينك")}}. من الجدير بالذكر أنَّ نسخة كروم لهواتف ال<span>آي أو إس</span> لا تستخدم بلينك وإنما تستخدم مُحرِّك عرض نظام التشغيل الأساسي.</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل" style="line-height: 30px;">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة" style="line-height: 24px;">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D8%AC%D9%88%D8%AC%D9%84_%D9%83%D8%B1%D9%88%D9%85">جوجل كروم</a> في الموسوعة الحرَّة</li> -</ul> - -<h3 dir="rtl" id="تنزيل_كروم_للمستخدمين" style="line-height: 24px;">تنزيل كروم للمستخدمين</h3> - -<p dir="rtl">استخدم الرابط المناسب لمنصتك لتنزيل نسخة كروم للمستخدمين العاديين:</p> - -<ul dir="rtl"> - <li><a href="https://play.google.com/store/apps/details?id=com.android.chrome">نسخة الأندرويد</a></li> - <li><a href="https://itunes.apple.com/us/app/chrome-web-browser-by-google/id535886823?mt=8">نسخة الآي أو إس</a></li> - <li><a href="https://www.google.com.sa/intl/ar/chrome/">نسخة سطح المكتب</a></li> -</ul> - -<h3 dir="rtl" id="تنزيل_كروم_للمطورين">تنزيل كروم للمطورين</h3> - -<p dir="rtl">إذا كنت راغباً بتجربة أحدث مزايا كروم قيد الاختبار، قم بتثبيت النسخ ما قبل المستقرة (الغير مستقرة). تدفع جوجل التحديثات دورياً ليتم تجربتها، كما صُمِمَت هذه النسخ لتعمل جنباً إلى جنب مع النسخ المستقرة بلا مشاكل. قم بزيارة <a href="https://www.google.com.sa/intl/ar/chrome/browser/canary.html">مدونة أخبار الإصدارات الخاصة بكروم</a> لمعرفة آخر التفاصيل.</p> - -<ul dir="rtl"> - <li><a href="https://play.google.com/store/apps/details?id=com.chrome.dev">نسخة كروم التطويريّة للأندرويد</a></li> - <li><a href="https://www.google.com/chrome/browser/canary.html">نسخة كروم كناري لسطح المكتب</a></li> -</ul> diff --git a/files/ar/glossary/gpl/index.html b/files/ar/glossary/gpl/index.html deleted file mode 100644 index a7d73de893..0000000000 --- a/files/ar/glossary/gpl/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: رخصة جنو العمومية -slug: Glossary/GPL -tags: - - ترخيص - - مسرد -translation_of: Glossary/GPL ---- -<p dir="rtl">رخصة جنو العموميّة (GPL) هي رخصة للبرمجيات الحرَّة من نوع رخص {{Glossary("copyleft", "الحقوق المتروكة")}} نُشِرَت من قبل مؤسسة البرمجيات الحرَّة (FSF). يُمنَح مستخدمين البرمجيات المُرخصة بهذه الرخصة حريّة استخدامها، وقراءة شيفرتها المصدرية، وتعديلها وإعادة توزيع التغييرات التي أجروها (الحريات الأربعة) بشرط توفير نسختهم الموزَّعة من البرمجيّة (سواءً كانت معدلة أم غير معدلة) تحت بنود نفس الرخصة (ولهذا تُعرَف بالرخصة الجرثوميّة أو الفيروسيّة لأنها تصيب جميع البرمجيات المشتقة منها "بالعدوة").</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li><a href="http://www.gnu.org/licenses/gpl-faq.html">أسئلة شائعة</a> عن رخص جنو</li> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D8%B1%D8%AE%D8%B5%D8%A9_%D8%AC%D9%86%D9%88_%D8%A7%D9%84%D8%B9%D9%85%D9%88%D9%85%D9%8A%D8%A9">رخصة جنو العمومية</a> في الموسوعة الحرَّة</li> - <li>نص <a href="https://www.gnu.org/licenses/gpl-3.0.ar.html">رخصة جنو العموميّة</a> (<a href="https://ar.wikipedia.org/wiki/%D9%88%D9%8A%D9%83%D9%8A%D8%A8%D9%8A%D8%AF%D9%8A%D8%A7:%D9%86%D8%B5_%D8%B1%D8%AE%D8%B5%D8%A9_%D8%AC%D9%86%D9%88_%D8%A7%D9%84%D8%B9%D9%85%D9%88%D9%85%D9%8A%D8%A9">النسخة العربيّة</a> الغير رسميّة)</li> -</ul> diff --git a/files/ar/glossary/grid_areas/index.html b/files/ar/glossary/grid_areas/index.html deleted file mode 100644 index 5e89defe39..0000000000 --- a/files/ar/glossary/grid_areas/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: Grid Areas -slug: Glossary/Grid_Areas -translation_of: Glossary/Grid_Areas ---- -<p>A <strong>grid area</strong> is one or more {{glossary("grid cell", "grid cells")}} that make up a rectangular area on the grid. Grid areas are created when you place an item using <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">line-based placement</a> or when defining areas using <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">named grid areas</a>.</p> - -<p><img alt="Image showing a highlighted grid area" src="https://mdn.mozillademos.org/files/14771/1_Grid_Area.png" style="height: 253px; width: 380px;"></p> - -<p>Grid areas <em>must</em> be rectangular in nature; it is not possible to create, for example, a T- or L-shaped grid area.</p> - -<p>In the example below I have a grid container with two grid items. I have named these with the {{cssxref("grid-area")}} property and then laid them out on the grid using {{cssxref("grid-template-areas")}}. This creates two grid areas, one covering four grid cells, the other two.</p> - -<div id="example_1"> -<div class="hidden"> -<pre class="brush: css notranslate">* {box-sizing: border-box;} - -.wrapper { - border: 2px solid #f76707; - border-radius: 5px; - background-color: #fff4e6; -} - -.wrapper > div { - border: 2px solid #ffa94d; - border-radius: 5px; - background-color: #ffd8a8; - padding: 1em; - color: #d9480f; -} -</pre> -</div> - -<pre class="brush: css notranslate">.wrapper { - display: grid; - grid-template-columns: repeat(3,1fr); - grid-template-rows: 100px 100px; - grid-template-areas: - "a a b" - "a a b"; -} -.item1 { - grid-area: a; -} -.item2 { - grid-area: b; -} -</pre> - -<pre class="brush: html notranslate"><div class="wrapper"> - <div class="item1">Item</div> - <div class="item2">Item</div> -</div> -</pre> - -<p>{{ EmbedLiveSample('example_1', '300', '280') }}</p> -</div> - -<h2 id="Learn_More">Learn More</h2> - -<h3 id="Property_reference">Property reference</h3> - -<ul> - <li>{{cssxref("grid-template-columns")}}</li> - <li>{{cssxref("grid-template-rows")}}</li> - <li>{{cssxref("grid-auto-rows")}}</li> - <li>{{cssxref("grid-auto-columns")}}</li> - <li>{{cssxref("grid-template-areas")}}</li> - <li>{{cssxref("grid-area")}}</li> -</ul> - -<h3 id="Further_reading">Further reading</h3> - -<ul> - <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></em></li> - <li>CSS Grid Layout Guide: <em><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Grid template areas</a></em></li> - <li><a href="https://drafts.csswg.org/css-grid/#grid-area-concept">Definition of Grid Areas in the CSS Grid Layout specification</a></li> -</ul> diff --git a/files/ar/glossary/hyperlink/index.html b/files/ar/glossary/hyperlink/index.html deleted file mode 100644 index c2aff9a198..0000000000 --- a/files/ar/glossary/hyperlink/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: رابط -slug: Glossary/Hyperlink -tags: - - ل.ت.ن.ف - - لغة توصيف النص الفائق - - مسرد -translation_of: Glossary/Hyperlink ---- -<p dir="rtl">تَربُط <strong>الروابط</strong> (أو الوصلات) الصفحات العنكبوتيَّة أو عناصر البيانات مع بعضها البعض. يُستخدَم العنصر {{HTMLElement("a")}}، في {{glossary("HTML", "لغة توصيف النص الفائق")}}، لتعريف رابط من نقطة في الصفحة (كنص أو صورة) إلى نقطة في صفحة أخرى (أو حتى في نفس الصفحة).</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة عن <a href="https://ar.wikipedia.org/wiki/%D8%B1%D8%A7%D8%A8%D8%B7_%D8%AA%D8%B4%D8%B9%D8%A8%D9%8A">الرابط الفائِق</a> في الموسوعة الحرَّة</li> - <li>مقالة عن <a href="/ar/docs/Web/Guide/HTML/Hyperlink">إنشاء الرابط</a> في شبكة مطوري موزيلا</li> -</ul> - -<h3 dir="rtl" id="مراجعة_تقنيّة">مراجعة تقنيّة</h3> - -<ul dir="rtl"> - <li><a href="https://www.w3.org/TR/1999/REC-html401-19991224/struct/links.html">الروابط في مستندات لغة توصيف النص الفائق - رابطة الويب العالميّة</a></li> - <li><a href="https://w3c.github.io/html-reference/a.html">العنصر a في لغة توصيف النص الفائق الإصدار الخامس - الروابط - رابطة الويب العالميّة</a></li> -</ul> - -<h3 dir="rtl" id="تعلَّم_المزيد_عن_الروابط">تعلَّم المزيد عن الروابط</h3> - -<ul dir="rtl"> - <li><a href="/ar/docs/Web/HTML/Element/a">توثيق العنصر <code><a></code> في شبكة مطوري موزيلا</a></li> - <li><a href="/ar/docs/Web/HTML/Element/link">توثيق العنصر <code><link></code> في شبكة مطوري موزيلا</a></li> -</ul> diff --git a/files/ar/glossary/identifier/index.html b/files/ar/glossary/identifier/index.html deleted file mode 100644 index da321dbda0..0000000000 --- a/files/ar/glossary/identifier/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: مُعرِّف -slug: Glossary/Identifier -tags: - - مسرد -translation_of: Glossary/Identifier ---- -<p dir="rtl"><strong>المُعرِّف</strong> (Identifier) هو مجموعة من {{glossary("character", "المحارف")}} تُعرِّف (تُعبِر عن، تُسمي) {{glossary("variable", "متغيّر")}}، {{glossary("function", "دالة")}}، أو {{glossary("property", "خاصيّة")}}.</p> - -<p dir="rtl">في لغة {{glossary("JavaScript", "الجافاسكربت")}}، يُمكِن أن تحتوي المُعرِّفات على أحرف أبجديّة فقط (أو "$" أو "_")، ولايمكن أن تبدأ برقم. يختلف المُعرِّف عن السلسلة النصيّة، بأنَّ الأخيرة عبارة نوع من البيانات، بينما المُعرِّف هو جزء من الشيفرة. لا توجد أيّة طريقة لتحويل المُعرِّفات إلى سلاسل نصيّة في الجافاسكربت، ولكن في بعض الأحيان من الممكن {{glossary("parse", "تحليل")}} السلاسل النصيّة إلى مُعرِّفات.</p> - -<h2 dir="rtl" id="المزيد_من_التفاصيل">المزيد من التفاصيل</h2> - -<h3 dir="rtl" id="معلومات_عامة">معلومات عامة</h3> - -<ul dir="rtl"> - <li>مقالة عن <a href="https://en.wikipedia.org/wiki/Identifier#In_computer_science">المُعرَّف</a> في الموسوعة الحرَّة</li> -</ul> diff --git a/files/ar/glossary/index.html b/files/ar/glossary/index.html deleted file mode 100644 index 39ad063caf..0000000000 --- a/files/ar/glossary/index.html +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: المعجم -slug: Glossary -tags: - - صفحة هبوط - - مبتدئين - - مسرد -translation_of: Glossary ---- -<div class="translate-buttons"> </div> - -<div dir="rtl" style="max-width: 300px; float: left; margin: 0px 1em 0.5em 0px;">{{LearnBox({"title":"تعلَّم مُصطلحاً جديداً:"})}}</div> - -<p dir="rtl"><span class="seoSummary">تحتوي تقنيات الويب على قائمة ضخمة من المصطلحات والاختصارات التي تستخدم في التوثيقات والبرمجة. يهدف المسرد (معجم المصطلحات) إلى توفير تعريفات للكلمات والاختصارات التي تحتاج معرفتها لبناء فهم صحيح للويب وتطويره.</span></p> - -<p><strong><a href="/ar/docs/new?parent=4391">أضف مصطلحاً جديداً إلى المسرد</a></strong></p> - -<p>{{GlossaryList({"split":"h3", "css":"multiColumnList"})}}</p> diff --git a/ |