aboutsummaryrefslogtreecommitdiff
path: root/files/ar/web/javascript/guide/introduction/index.html
blob: 681bb0276a3495e931fb788acaec633ed897cde8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
---
title: تقديم
slug: Web/JavaScript/Guide/Introduction
tags:
  - جافا سكربيت
  - مرشد
translation_of: Web/JavaScript/Guide/Introduction
---
<div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide", "Web/JavaScript/Guide/Grammar_and_types")}}</div>

<p class="summary" dir="rtl"><span id="result_box" lang="ar"><span class="hps">يقوم</span> <span class="hps">هذا الفصل بتقديم </span><span class="hps">جافا سكريبت و</span><span>يناقش</span> <span class="hps">بعض</span> <span class="hps">مفاهيمها</span> <span class="hps">الأساسية.</span></span></p>

<h2 dir="rtl" id="ما_يجب_أن_تعرفه_مسبقا"><span class="short_text" id="result_box" lang="ar"><span class="hps">ما يجب أن تعرفه مسبقا</span></span></h2>

<div style="font-size: 15; font-family: 'tahoma';">
<p dir="rtl"><span id="result_box" lang="ar"><span class="hps">يفترض</span> <span class="hps">أن تكون لديك</span> <span class="hps">خلفية حول المكونات</span><span class="hps"> التالية</span><span>:</span></span></p>

<ul>
 <li dir="rtl">معرفة عامة بشبكة الأنترنت و شبكة الويب العالمية ({{Glossary("WWW")}}).</li>
 <li dir="rtl"><span id="result_box" lang="ar"><span class="hps">معرفة جيدة</span> <span class="hps">ب</span><span class="hps">لغة الترميز النص</span> <span class="atn hps">التشعبي </span></span>({{Glossary("HTML")}}).</li>
 <li dir="rtl">بعض الخبرة في البرمجة. إذا كنت جديدا على البرمجة، يمكنك الأطلاع على أحد الدروس الموجودة على الصفحة الرئيسية حول <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">جافا سكريبت</a>.</li>
</ul>

<h2 dir="rtl" id="أين_تجد_المعلومات_عن_الجافا_سكربيت">أين تجد المعلومات عن الجافا سكربيت</h2>

<p dir="rtl">وثائق جافا سكربيت على MDN تشتمل على مايلي:</p>

<ul>
 <li dir="rtl"><span id="result_box" lang="ar"><a href="https://developer.mozilla.org/en-US/Learn">تعلم الانترنت</a> <span class="hps">يقدم معلومات</span> <span class="hps">للمبتدئين و</span><span>يقدم</span> <span class="hps">المفاهيم</span> <span class="hps">الأساسية للبرمجة</span> <span class="hps">والإنترنت</span></span>.</li>
 <li dir="rtl"><span id="result_box" lang="ar"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide">دليل جافا سكريبت </a><span class="atn hps">(</span><span>هذا الدليل)</span> <span class="hps">يقدم لمحة عامة</span> <span class="hps">عن</span> <span class="hps">لغة</span> <span class="hps">جافا سكريبت و</span><span>كائناتها</span><span>.</span></span></li>
 <li dir="rtl"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference">مرجع جافا سكربيت </a> <span class="short_text" id="result_box" lang="ar"><span class="hps">يوفر</span> <span class="hps">مادة مرجعية</span> <span class="hps">مفصلة</span> <span class="hps">لل</span><span>جافا سكريبت</span><span>.</span></span></li>
</ul>

<p dir="rtl"><span id="result_box" lang="ar"><span class="hps">إذا</span> <span class="hps">كنت جديدا على</span> <span class="hps">جافا سكريبت</span><span>، </span></span>أبدء مع المقالات في <a href="https://developer.mozilla.org/en-US/Learn">منطقة التعلم</a> و <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide">دليل جافا سكريبت</a>. حتى تصبح ملما بالأساسيات، ومن ثم يمكنك استخدام <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference">مرجع جافا سكربيت</a> للحصول على مزيد من التفاصيل حول الكائنات الفردية والبيانات.</p>

<h2 dir="rtl" id="ما_هي_جافاسكريبت؟"><span class="short_text" id="result_box" lang="ar"><span class="hps">ما هي</span> جافا<span class="hps">سكريبت؟</span></span></h2>

<p dir="rtl"><span id="result_box" lang="ar"><span class="hps">الجافاسكريبت</span> <span class="hps">هي لغة برمجة كائنية التوجة ومتعددة المنصات</span><span>. هي</span> <span class="hps">لغة</span> <span class="hps">صغيرة وخفيفة الوزن</span><span>.</span> <span class="hps">داخل</span> <span class="hps">بيئة</span> <span class="hps">المضيف (على</span> <span class="hps">سبيل المثال،</span> <span class="hps">متصفح ويب</span><span>)</span><span>،</span></span><span id="result_box" lang="ar"><span> في هذه البيئة</span></span><span lang="ar"><span> يمكنك استخدامها على الكائنات</span></span><span lang="ar"><span class="hps">.</span></span><span lang="ar"><span class="hps"> </span></span></p>

<p dir="rtl">تحتوي جافاسكريبت على مكتبة قياسية من الكائنات، مثل <code>Array</code>، <code>Date</code>، <code>وMath</code>، ومجموعة أساسية من العناصر اللغوية مثل العوامل، بنى التحكم، والتصريحات. جوهر جافا سكريبت هو قابليتها للتعامل مع مجموعة متنوعة من الكائنات التي تكون مكملة مع كائنات إضافية. على سبيل المثال:</p>

<ul>
 <li dir="rtl">من جانب العميل جافا سكريبت تمتد إلى صميم اللغة الأساسية من خلال تمكين الكائنات من السيطرة على المتصفح وعلى نموذج الكائن (DOM). على سبيل المثال،<span id="result_box" lang="ar"><span> تتيح لك إضافات اللغة من جانب العميل وضع العناصر في النموذج </span></span> HTML <span lang="ar"><span>، والرد على الأحداث التي يتم تشغيلها بواسطة المستخدم (النقرات، وإدخال النموذج، وإجراءات التصفح، وما إلى ذلك).</span></span></li>
 <li dir="rtl">من جانب الخادم جافا سكريبت تمتد إلى صميم اللغة الأساسية من خلال توفير الأشياء ذات الصلة إلى تشغيل الجافا سكريبت على الخادم. على سبيل المثال، الملحقات من جانب الخادم، تسمح للتطبيق الخاص بك، بالتواصل مع قاعدة البيانات، <span id="result_box" lang="ar"><span>والتعامل مع الملفات والتبديل من تطبيق إلى آخر وهكذا</span></span>.</li>
</ul>

<h2 dir="rtl" id="JavaScript_and_Java" name="JavaScript_and_Java"><span class="short_text" id="result_box" lang="ar"><span class="hps">جافا سكريبت وجافا</span></span></h2>

<p dir="rtl"><span id="result_box" lang="ar"><span>جافا سكريبت وجافا متشابهتان في بعض النواحي، ولكنها تختلف اختلافا جوهريا عن بعضها البعض في نواح اخرى.</span> <span>لغة جافا سكريبت تبدو وكأنها جافا، لكن لا يتم كتابتها بشكل ثابت، وطباعة جافا سكريبت ضعيفة (في حين أنها قوية في جافا).</span> <span>بناء الجملة في تعبيرات جافا سكريبت متشابهة جدا لجافا، في اصطلاحات التسمية والبنى الشرطية على سبيل المثال، وهذا احد الأسباب التي ادت الى إعادة تسمية لغة</span></span> LiveScript إلى JavaScript.</p>

<p dir="rtl"><span id="result_box" lang="ar"><span>على عكس جافا التي لها نظام المترجم الزمني </span></span> compile-time system <span lang="ar"><span> للاعلان عن الكلاسات، فجافا سكريبت تدعم نظام وقت التشغيل </span></span> runtime system <span lang="ar"><span> ولها بعض أنواع البيانات لتمثيل الأرقام، القيم المنطقية، والسلاسل النصية (و أمور أخرى).</span> <span>تعتمد جافاسكريبت على النموذج الأولي </span></span> prototype-based object model <span lang="ar"><span>لعمل رابط بين الكائنات بينما تستخدم جافا نموذجا أكثر شيوعا يستند إلى الكلاسات </span></span> class-based object model. <span lang="ar"> <span>النماذج-البروتوتايبس تسمح بخلق ديناميكية عالية فيما يخص الوراثة.</span> <span>وبالتالي، فإن الخصائص التي يرثها كائن ما، قد تختلف مع مرور الوقت.</span> </span> <span id="result_box" lang="ar"><span>كما تدعم جافاسكريبت الوظائف دون متطلبات إعلانية خاصة.</span> <span>الوظائف يمكن أن تكون خصائص لكائن،</span></span></p>

<p dir="rtl"><span id="result_box" lang="ar"><span>جافا سكريبت هي لغة "حرة" مقارنة بجافا.</span> لذا ف<span>ليس من الضروري، الاعلان عن نوع المتغيرات او الدوال او حتى الكلاسات.</span> و<span>ليس من الضروري معرفة ما إذا كانت الدالة/الوظيفة عامة أو خاصة أو محمية، ولا توجد واجهات لتنفيذها.</span> </span><span id="result_box" lang="ar"> <span>ولا يتم كتابة نوع المتغيرات والبارامترز والوظائف بشكل صريح.</span></span></p>

<p dir="rtl"><span id="result_box" lang="ar"><span>جافا هي لغة برمجة، تستخدم الكلاسات، مصممة للتشغيل بسرعة وضمان أمن الكتابة.</span> <span>وهذا يعني، على سبيل المثال، أنه لا يمكن تحويل عدد صحيح إلى كائن أو أنه لا يمكنك </span></span> <span id="result_box" lang="ar"><span>الوصول إلى الذاكرة الخاصة </span></span> <span lang="ar"><span> عن طريق تحريف </span></span> Java bytecodes<span lang="ar"><span>.</span> <span>نموذج الكلاسات المستخدم من قبل جافا، يعني أن البرنامج يتكون فقط من الكلاسات والوظائف.</span> <span>هذا النوع من الميراث القائم على الكلاسات، مرتبط بالكتابة القوية، ينتج هياكل مقترنة بقوة وتسلسلات هرمية للكائن.</span> <span>لهذه الأسباب، يمكن أن تظهر جافا كلغة أكثر تعقيدا من جافا سكريبت.</span></span></p>

<p dir="rtl"><span id="result_box" lang="ar"><span>على عكس جافا، فجافاسكريبت سليلة من لغات اخرى أخف وزنا، وديناميكية مثل </span></span> HyperTalk و dBASE. <span lang="ar"> <span>وتستهدف لغات البرمجة النصية هذه، جمهورا أكبر مع بنية أبسط، وخصائص محلية متخصصة، والحد الأدنى من المتطلبات المسبقة لإنشاء الكائنات.</span></span></p>

<table class="standard-table">
 <caption>
 <p dir="rtl"><span class="short_text" id="result_box" lang="ar"><span class="hps">جافا سكريبت</span> <span class="hps">مقارنة مع</span> <span class="hps">جافا</span></span></p>
 </caption>
 <thead>
  <tr>
   <th dir="rtl" scope="col">جافا سكربيت</th>
   <th dir="rtl" scope="col">جافا</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td dir="rtl"><span id="result_box" lang="ar"><span>تعتمد على رابط البروتوتايب.</span> <span>لا يوجد تمييز بين أنواع الكائنات.</span> <span>تتم الوراثة من خلال آلية البروتوتايب، ويمكن إضافة الخصائص والوظائف إلى أي كائن حيوي</span></span></td>
   <td dir="rtl">تعتمد على الكلاسات (Class-based). <span id="result_box" lang="ar"><span>وتنقسم الكائنات إلى فئات وحالات، يتم الإرث من خلال التسلسل الهرمي للكلاسات.</span> <span>لا يمكن إضافة الكلاسات والحالات ديناميكيا إلى الخصائص والوظائف.</span></span></td>
  </tr>
  <tr>
   <td><span id="result_box" lang="ar"><span class="hps">لا يتم الاعلان عن</span> <span class="hps">نوع البيانات</span> <span class="atn hps">المتغيرة (</span><span>الكتابة</span> <span class="hps">ديناميكية</span><span>)</span><span>.</span></span></td>
   <td dir="rtl"><span class="short_text" id="result_box" lang="ar"><span class="hps">يجب تعريف</span> <span class="hps">أنواع</span> <span class="hps">البيانات المتغيرة</span> <span class="atn hps">(</span><span>الكتابة</span> <span class="hps">ثابتة</span><span>)</span><span>.</span></span></td>
  </tr>
  <tr>
   <td><span class="short_text" id="result_box" lang="ar"><span class="hps">لا يمكن الكتابة</span> <span class="hps">تلقائيا</span> <span class="hps">إلى القرص</span> <span class="hps">الثابت.</span></span></td>
   <td>
    <div id="gt-src-tools">
    <div id="gt-src-tools-l">
    <div id="gt-src-tools">
    <div> </div>

    <div id="tts_button"><span class="short_text" id="result_box" lang="ar"><span class="hps">يمكن الكتابة</span> <span class="hps">تلقائيا</span> <span class="hps">إلى القرص</span> <span class="hps">الثابت.</span></span></div>
    </div>
    </div>
    </div>

    <div id="gt-input-tool" style="display: inline-block;">
    <div> </div>
    </div>
   </td>
  </tr>
 </tbody>
</table>

<p><span id="result_box" lang="ar"><span class="hps">ل</span><span>مزيد من المعلومات حول</span> <span class="hps">الاختلافات بين</span> <span class="hps">جافا سكريبت وجافا</span><span>، انظر</span> <span class="hps">الفصل</span> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model">تفاصيل عن الكائن</a><span>.</span></span></p>

<h2 id="JavaScript_and_the_ECMAScript_Specification" name="JavaScript_and_the_ECMAScript_Specification"><span class="short_text" id="result_box" lang="ar"><span class="hps">جافا سكريبت وال</span><span>مواصفات</span> <span class="hps">ECMAScript</span></span></h2>

<p dir="rtl"> جافا سكريبت موحدة عن طريق <a href="http://www.ecma-international.org/">Ecma International</a> - الجمعية الأوروبية لتوحيد النظم المعلوماتية والاتصالات (ECMA اختصارا لجمعية مصنعي الكمبيوتر الأوروبية تاريخيا) والتي تنص على لغة برمجة موحدة، <span id="result_box" lang="ar"><span>هذا الإصدار القياسي من جافا سكريبت، يسمى</span></span>  ECMAScript. هذا الاصدار، <span id="result_box" lang="ar"><span>يتصرف بشكل متطابق في جميع التطبيقات المتوافقة مع المعايير.</span></span> يمكن للشركات استخدام هذه اللغة القياسية لتطوير طريقة تنفيذ جافا سكريبت. يتم توثيق ECMAScript القياسية مع ECMA-262. انظر رؤية <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript">جديد جافا سكريبت</a> لمعرفة المزيد عن الاصدارات المختلفة من جافا سكريبت وطبعات مختلفة من مواصفات ECMAScript.</p>

<p dir="rtl"><span id="result_box" lang="ar"><span>كما إعتُمِدت</span></span> ECMA-262 <span id="result_box" lang="ar"><span>من قبل </span></span> <a href="http://www.iso.ch/">ISO</a>  <span id="result_box" lang="ar"><span>المنظمة الدولية للتوحيد القياسي ك </span></span>ISO-16262.  كما يمكنك أيضا العثور على المواصفات على <a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">موقع Ecma International</a>. مواصفات ECMAScript  <span id="result_box" lang="ar"><span>لا تصف نموذج الكائن المستند</span></span>  (DOM)، <span id="result_box" lang="ar"><span>الذي يتم توحيده من قبل</span></span> <a href="http://www.w3.org/">اتحاد شبكة الويب العالمية (W3C)</a>. وDOM يحدد الطريقة التي تعرض بها كائنات المستند HTML في السكريبت الخاص بك. للحصول على فكرة أفضل حول التقنيات المختلفة التي يتم استخدامها عند البرمجة مع جافا سكريبت، راجع مقالة <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/JavaScript_technologies_overview">جافا سكريبت نظرة عامة التكنولوجيات</a>.</p>

<h3 id="JavaScript_Documentation_versus_the_ECMAScript_Specification" name="JavaScript_Documentation_versus_the_ECMAScript_Specification"><span class="short_text" id="result_box" lang="ar"><span class="hps">وثائق</span> <span class="hps">جافا سكريبت</span> <span class="hps">مقابل</span> <span class="hps">المواصفات</span> <span class="hps">ECMAScript</span></span></h3>

<div id="gt-src-tools">
<div dir="rtl" style="zoom: 1;"><span id="result_box" lang="ar"><span class="hps">مواصفات</span> <span class="hps">ECMAScript</span> <span class="hps">هي</span> <span class="hps">مجموعة من المتطلبات</span> <span class="hps">لتنفيذ</span> <span class="hps">ECMAScript</span><span>.</span> <span class="hps">من المفيد</span> <span class="hps">إذا كنت ترغب في</span> <span class="hps">تنفيذ</span> <span class="hps">ميزات اللغة المتوافقة</span> </span><span lang="ar"> مع <span class="hps">المعايير القياسية في </span><span class="hps">تنفيذ</span> <span class="hps">ECMAScript</span> <span class="hps"> أو</span> <span class="hps">في احدى المحركات</span> <span class="atn hps"></span> <span class="hps">SpiderMonkey</span> <span class="hps">في فايرفوكس</span><span>،</span> <span class="hps">أو</span> <span class="hps">V8</span> <span class="hps">في</span> <span class="hps">كروم)</span><span>.</span></span></div>

<div dir="rtl" style="zoom: 1;"> </div>
</div>

<p dir="rtl"><span id="result_box" lang="ar"><span>ليس المقصود من مواصفات ال</span></span> ECMAScript هو <span id="result_box" lang="ar"><span>دعم برمجة السكريبت</span></span>. <span id="result_box" lang="ar"><span>توفر وثائق جافا سكريبت معلومات لكتابة النصوص البرمجية.</span></span></p>

<p dir="rtl"><span id="result_box" lang="ar"><span class="hps">يستخدم</span> <span class="hps">مواصفات</span> <span class="hps">ECMAScript</span> </span> <span id="result_box" lang="ar"><span>أحيانا مصطلحات وصياغات قد تبدو غريبة لمطور جافا سكريبت</span></span><span lang="ar"><span>.</span></span> <span id="result_box" lang="ar"><span>على الرغم من أن وصف اللغة يختلف بين</span></span> <span lang="ar"> <span class="hps">ECMAScript</span><span>، </span></span> <span id="result_box" lang="ar"><span>وبين وثائق جافا سكريبت، اللغة نفسها لا تزال هي نفسها.</span> <span>تدعم جافاسكريبت جميع الميزات المميزة في مواصفات</span></span> <span lang="ar"> <span class="hps">ECMAScript</span><span>.</span></span></p>

<p dir="rtl"><span id="result_box" lang="ar"><span>تصف وثائق جافا سكريبت جوانب اللغة التي يمكن استخدامها من قبل مطوري جافا سكريبت.</span></span></p>

<h2 id="الشروع_في_العمل_مع_جافا_سكريبت"><span class="short_text" id="result_box" lang="ar"><span class="hps">الشروع في العمل</span> <span class="hps">مع</span> <span class="hps">جافا سكريبت</span></span></h2>

<p dir="rtl"><span id="result_box" lang="ar"><span class="hps">الشروع في العمل</span> <span class="hps">مع</span> <span class="hps">جافا سكريبت</span> <span class="hps">سهل</span><span>:</span> <span class="hps">كل ما تحتاجه</span> <span class="hps">هو متصفح</span> <span class="hps">ويب</span> <span class="hps">حديث</span><span>.</span> </span> <span id="result_box" lang="ar"> <span>يتضمن هذا الدليل بعض ميزات جافا سكريبت المتوفرة فقط في أحدث إصدارات فايرفوكس، لذا يوصى باستخدام احدث إصدار من فايرفوكس لتجربة الأمثلة المقدمة.</span></span></p>

<p dir="rtl"><span id="result_box" lang="ar"><span>هناك أداتان هما جزءا من فايرفوكس، وهي مفيدة لتجربة واختبار شفرة جافا سكريبت، هما: وحدة تحكم الويب</span></span> Console <span lang="ar"><span> وقائمة جافاسكريبت </span></span> Scratchpad <span lang="ar"><span>.</span></span></p>

<h3 id="وحدة_تحكم_ويب"><span class="short_text" id="result_box" lang="ar"><span class="hps">وحدة تحكم ويب</span></span></h3>

<p><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console">وحدة تحكم ويب</a> يعرض لك معلومات عن صفحة الويب التي تم تحميلها حاليا، ويشمل أيضا <a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console#The_command_line_interpreter">سطر الأوامر</a> الذي يمكنك استخدامه لتنفيذ اكواد الجافا سكربت في الصفحة الحالية.</p>

<p dir="rtl"><span id="result_box" lang="ar"><span class="hps">لفتح</span> <span class="hps">وحدة تحكم الويب</span> <span class="atn hps">(</span></span>Ctrl+Shift+K<span lang="ar"><span class="hps">)</span><span class="atn"> او F12، </span> <span class="hps">في وحدة التحكم،</span> <span class="hps">هناك</span> <span class="hps">سطر الأوامر</span> <span class="hps">الذي يمكنك استخدامه</span> لادخال اكواد <span class="hps">جافا سكريبت،</span> <span class="hps">و</span><span>يظهر</span> <span class="hps">الناتج في</span> <span class="hps">الجزء</span> <span class="hps">أعلاه:</span></span></p>

<p><img alt="" src="https://mdn.mozillademos.org/files/7363/web-console-commandline.png" style="display: block; margin-left: auto; margin-right: auto;"></p>

<h3 id="المسودة"><span class="short_text" id="result_box" lang="ar"><span class="hps">المسودة</span></span></h3>

<p dir="rtl">تعتبر وحدة تحكم الويب كبيرة بالنسبة لتنفيذ سطر واحدة من جافا سكريبت، ولكن على الرغم من أنه يمكن تنفيذ عدة أسطر، الا انها ليست مريحة جدا، خصوصا، في تنفيذ  التعليمات البرمجية الكبيرة نوعا ما والمعقدة، لذالك ننصح باستخدام  المسودة Scratchpad كأداة أفضل.</p>

<p dir="rtl"><span id="result_box" lang="ar"><span class="hps">لفتح</span> <span class="hps">المسودة</span> <span class="atn hps">(</span></span>Shift+F4<span lang="ar"><span class="hps">)</span><span class="atn">، او حدد "</span><span>المسودة</span><span>" من القائمة اختر</span> <span class="hps">"المطور</span><span>"، وهي</span> <span class="hps">ضمن القائمة</span> <span class="hps">في فايرفوكس</span><span>.</span> <span class="hps">ستفتح</span> <span class="hps">في نافذة منفصلة</span>، <span class="hps">يمكنك استخدامها</span> <span class="hps">لكتابة</span> <span class="hps">وتنفيذ</span> <span class="hps">جافا سكريبت</span> <span class="hps">في المتصفح</span><span>.</span> <span class="hps">يمكنك</span> <span class="hps">أيضا حفظ</span> <span class="hps">النصوص</span> <span class="hps">إلى القرص</span> <span class="hps">وتحميلها</span> <span class="hps">من القرص.</span></span></p>

<p><img alt="" src="https://mdn.mozillademos.org/files/7365/scratchpad.png" style="display: block; margin-left: auto; margin-right: auto;"></p>

<h3 id="مرحبا_بالعالم"><span class="short_text" id="result_box" lang="ar"><span class="hps">مرحبا بالعالم</span></span></h3>

<p dir="rtl">لتبدأ بكتابة جافا سكريبت، افتح المسودة واكتب "مرحبا بالعالم". كما يلي:</p>

<pre class="brush: js">function greetMe(yourName) {
  alert("Hello " + yourName);
}

greetMe("World");
</pre>

<p dir="rtl">من قائمة "تنفيذ" واضغط على تنفيذ او  Ctrl + R لمشاهدة ناتج الكود في المتصفح الخاص بك!</p>

<p dir="rtl"><span id="result_box" lang="ar"><span>في الصفحات التالية، سيعرض هذا الدليل بناء الجملة في لغة جافا سكريبت وميزاتها.</span> <span>وسوف تكون ان شاء الله قادرا على كتابة تطبيقات أكثر تعقيدا.</span></span></p>
</div>

<p>{{PreviousNext("Web/JavaScript/Guide", "Web/JavaScript/Guide/Grammar_and_types")}}</p>