|
1 | | -# أهلاً, بالعالم! |
| 1 | +# أهلاً، بالعالم! |
2 | 2 |
|
3 | 3 | هذا الجزء من البرنامج التعليمي عن أساسيات لغة الجافا سكريبت، اللغة نفسها. |
4 | 4 |
|
5 | | -لكن نحتاج إلى بيئة عمل من أجل تشغيل النصوص الخاصة بنا، وبما أن هذا الكتاب عبر الانترنت، لذافإن المتصفح خيار جيد.سوف نقوم بالاحتفاظ بالأوامر الخاصة بالمتصفح (مثل `alert`) للحد الأدنى بحيث لا تقضي وقتًا عليها إذا كنت تخطط للتركيز على بيئة أخرى (مثل Node.js). سوف نركز على الجافا سكريبت في المتصفح [الجزء التالي](/ui) من البرنامج التعليمي. |
| 5 | +لكن نحتاج إلى بيئة عمل من أجل تشغيل النصوص الخاصة بنا، وبما أن هذا الكتاب عبر الانترنت، لذافإن المتصفح خيار جيد. سوف نقوم بالاحتفاظ بالأوامر الخاصة بالمتصفح (مثل `alert`) للحد الأدنى بحيث لا تقضي وقتًا عليها إذا كنت تخطط للتركيز على بيئة أخرى (مثل Node.js). سوف نركز على الجافا سكريبت في المتصفح [الجزء التالي](/ui) من البرنامج التعليمي. |
6 | 6 |
|
7 | | -لذا أولاً, دعونا نرفق نص برمجي في صفحة الويب. بالنسبة للبيئات التي تعمل على الخوادم (مثل Node.js), يمكنك تنفيذها من خلال استخدام أمر مثل `"node my.js"`. |
| 7 | +لذا أولاً، دعونا نرفق نصا برمجيا في صفحة الويب. بالنسبة للبيئات التي تعمل على الخوادم (مثل Node.js)، يمكنك تنفيذها من خلال استخدام أمر مثل `"node my.js"`. |
8 | 8 |
|
9 | 9 |
|
10 | 10 | ## الوسم "script" |
11 | 11 |
|
12 | | -يمكن وضع برامج الجافاسكريبت في أي جزء في مستند HTML باستخدام وسم`<script>`. |
| 12 | +يمكن وضع برامج الجافاسكريبت في أي جزء في مستند HTML باستخدام وسم `<script>`. |
13 | 13 |
|
14 | 14 | على سبيل المثال: |
15 | 15 |
|
|
23 | 23 |
|
24 | 24 | *!* |
25 | 25 | <script> |
26 | | - alert( 'أهلاً, بالعالم!' ); |
| 26 | + alert( 'أهلاً، بالعالم!' ); |
27 | 27 | </script> |
28 | 28 | */!* |
29 | 29 |
|
|
46 | 46 | الوسم `<script>` يحتوي على بعض الخصائص التي نادراً مايتم استخدامها في وقتنا الحاضر، لكن يمكن أن تجدها في الشفرات البرمجية القديمة: |
47 | 47 |
|
48 | 48 | الخاصية `type`: <code><script <u>type</u>=...></code> |
49 | | -: معيار HTML القديم, HTML4, يتطلب أن يحتوي وسم script على `type`. عادة ما كان `type="text/javascript"`. لم تعد مطلوبة الآن. وأيضاً,معايير HTML الحديثةغيرت معني هذه الخاصية. والآن، يمكن أن تستخدم لوحدات الجافا سكريبت. لكن هذا الموضوع متقدم، وسنتحدث عن الوحدات في جزءآخر من البرنامج التعليمي. |
| 49 | +: معيار HTML القديم، HTML4، يتطلب أن يحتوي وسم script على `type`. عادة ما كان `type="text/javascript"`. لم تعد مطلوبة الآن. وأيضاً، معايير HTML الحديثة غيرت معنى هذه الخاصية. والآن، يمكن أن تستخدم لوحدات الجافا سكريبت. لكن هذا الموضوع متقدم، وسنتحدث عن الوحدات في جزء آخر من البرنامج التعليمي. |
50 | 50 |
|
51 | 51 | الخاصية `language`: <code><script <u>language</u>=...></code> |
52 | 52 | : كان الغرض من استخدام هذه الخاصية هو إظهار لغة النص البرمجي، لم تعد هذه الخاصية منطقية الآن لأن الجافا سكريبت هي اللغة الافتراضية. فليست هناك حاجة لاستخدامها. |
53 | 53 |
|
54 | 54 | التعليقات قبل وبعد النصوص البرمجية. |
55 | | -: في الكتب والأدلة القديمة جداً، قد تجد تعليقات داخل وسم `<script>` , مثل هذا: |
| 55 | +: في الكتب والأدلة القديمة جداً، قد تجد تعليقات داخل وسم `<script>`، مثل هذا: |
56 | 56 |
|
57 | 57 | ```html no-beautify |
58 | 58 | <script type="text/javascript"><!-- |
59 | 59 | ... |
60 | 60 | //--></script> |
61 | 61 | ``` |
62 | 62 |
|
63 | | - لاستم استخدام هذه الخدعة في الجافاسكريبت الحديثة. تخفي هذه التعليقات شفرات الجافاسكريبت في المتصفحات القديمة التي لاتعرف كيفية عمل معالجة للوسم `<script>. نظراً لأن المتصحات التي تم إصدارها في آخر 15 عاماً لاتوجد فيها هذه المشكلة، فإن هذا النوع من التعليقات يمكن أن يساعدك في تحديد الشفرة القديمة حقاً. |
| 63 | + لا يتم استخدام هذه الخدعة في الجافاسكريبت الحديثة. تخفي هذه التعليقات شفرات الجافاسكريبت في المتصفحات القديمة التي لاتعرف كيفية عمل معالجة للوسم `<script>. نظراً لأن المتصفحات التي تم إصدارها في آخر 15 عاماً لا توجد فيها هذه المشكلة، فإن هذا النوع من التعليقات يمكن أن يساعدك في تحديد الشفرة القديمة حقاً. |
64 | 64 |
|
65 | 65 |
|
66 | 66 | ## النصوص البرمجية الخارجية |
67 | 67 |
|
68 | | -إذا كان لدينا عدد كبير من أكواد الجافا سكريبت، فإننا يمكن أن نضعها في ملف منفصل. |
| 68 | +إذا كان لدينا عدد كبير من شيفرات الجافا سكريبت، فإننا يمكن أن نضعها في ملف منفصل. |
69 | 69 |
|
70 | | -يتم إرفاق ملفات النصوص البرمجية HTML باستخدام خاصية `src` : |
| 70 | +يتم إرفاق ملفات النصوص البرمجية HTML باستخدام خاصية `src`: |
71 | 71 |
|
72 | 72 | ```html |
73 | 73 | <script src="/path/to/script.js"></script> |
74 | 74 | ``` |
75 | 75 |
|
76 | | -هنا, `/path/to/script.js` هو مسار منفرد للنص البرمجي من جذر الموقع. يمكن أيضاً توفير مسار نسبي من خلال الصفحة الحالية.. على سبيل المثال، `src="script.js"` تعني أن الملف `"script.js"` في نفس المجلد. |
| 76 | +هنا، `/path/to/script.js` هو مسار منفرد للنص البرمجي من جذر الموقع. يمكن أيضاً توفير مسار نسبي من خلال الصفحة الحالية. على سبيل المثال، `src="script.js"` تعني أن الملف `"script.js"` في نفس المجلد. |
77 | 77 |
|
78 | 78 | يمكن أن نعطي المسار الكامل أيضاً. على سبيل المثال : |
79 | 79 |
|
80 | 80 | ```html |
81 | 81 | <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script> |
82 | 82 | ``` |
83 | 83 |
|
84 | | -لكي نرفق العديد من النصوص البرمجية، استخدم To attach several scripts, use الوسوم بصورة مضاعفة: |
| 84 | +لكي نرفق العديد من النصوص البرمجية، استخدم To attach several scripts، use الوسوم بصورة مضاعفة: |
85 | 85 |
|
86 | 86 | ```html |
87 | 87 | <script src="/js/script1.js"></script> |
|
90 | 90 | ``` |
91 | 91 |
|
92 | 92 | ```smart |
93 | | -كقاعدة، يتم وضع النصوص البرمجية البسيطة داخل HTML. والنصوص المعقدة يتم وضعها في ملفات منفصلة. |
| 93 | +القاعدة أن يتم وضع النصوص البرمجية البسيطة داخل HTML. والنصوص المعقدة يتم وضعها في ملفات منفصلة. |
94 | 94 |
|
95 | | -فائدة الملفات المنفصلة هي أن المتصفح يقوم بتحميلهاوتخزينها في[ذاكرة التخزين المؤقتة](https://en.wikipedia.org/wiki/Web_cache). |
| 95 | +فائدة الملفات المنفصلة هي أن المتصفح يقوم بتحميلها وتخزينها في [ذاكرة التخزين المؤقتة](https://en.wikipedia.org/wiki/Web_cache). |
96 | 96 |
|
97 | 97 | الصفحات الأخرى التي تشير إلى نفس النص البرمجي سوف تحصل عليه من ذاكرة التخزين المؤقتة بدلاً من تنزيله، لذا فإن الملف يتم تحميله مرة واحدة. |
98 | 98 |
|
99 | 99 | هذا يقلل من الحركة ويجعل الصفحات تكون أسرع. |
100 | 100 | ``` |
101 | 101 |
|
102 | | -````warn header="إذا `src` تم تعيين, يتم تجاهل محتوى النص البرمجي." |
103 | | -وسم `<script>` منفرداً لايمكن أن يحتوي على خاصية `src` والكود بداخله. |
| 102 | +````warn header="إذا `src` تم تعيين، يتم تجاهل محتوى النص البرمجي." |
| 103 | +وسم `<script>` منفرداً لايمكن أن يحتوي على خاصية `src` والشيفرة بداخله. |
104 | 104 |
|
105 | 105 | هذا لايعمل: |
106 | 106 |
|
|
110 | 110 | </script> |
111 | 111 | ``` |
112 | 112 |
|
113 | | -يجب اختيار إما خارجي `<script src="…">` أو عادي `<script>` باستخدام الكود. |
| 113 | +يجب اختيار إما خارجي `<script src="…">` أو عادي `<script>` باستخدام الشيفرة. |
114 | 114 |
|
115 | 115 | يمكن تقسيم المثال أعلاه إلى نصين برمجيين لكي يعمل: |
116 | 116 |
|
|
124 | 124 |
|
125 | 125 | ## ملخص |
126 | 126 |
|
127 | | -- يمكن استخدام وسم `<script>` لإضافة كود الجافا سكريبت إلى صفحة. |
128 | | -- الخصائص `type` و `language` غير مطلوبة. |
| 127 | +- يمكن استخدام وسم `<script>` لإضافة شيفرة الجافا سكريبت إلى صفحة. |
| 128 | +- الخصائص `type` و`language` غير مطلوبة. |
129 | 129 | - يمكن إدراج النص البرمجي في ملف خارجي باستخدام `<script src="path/to/script.js"></script>`. |
130 | 130 |
|
131 | | -
|
132 | | -هناك الكثير لتتعلمه عن نصوص المتصفح البرمجية وتفاعلها مع صفحة الويب. ولكن دعنا نضع في اعتبارنا أن هذا الجزء من البرنامج التعليمي مخصص للغة جافا سكريبت ، لذلك لا ينبغي أن نشتت انتباهنا بالتطبيقات الخاصة بالمتصفح. سنستخدم المتصفح كوسيلة لتشغيل جافا سكريبت ، وهو مناسب جدًا للقراءة عبر الإنترنت ، ولكن واحدًا فقط من بين العديد. |
| 131 | +هناك الكثير لتتعلمه عن نصوص المتصفح البرمجية وتفاعلها مع صفحة الويب. ولكن دعنا نضع في اعتبارنا أن هذا الجزء من البرنامج التعليمي مخصص للغة جافا سكريبت، لذلك لا ينبغي أن نشتت انتباهنا بالتطبيقات الخاصة بالمتصفح. سنستخدم المتصفح وسيلةً لتشغيل جافا سكريبت، وهو مناسب جدًا للقراءة عبر الإنترنت، ولكنه واحد فقط من بين العديد. |
0 commit comments