blob: 056540bdd78c51143863a2915504c3c902015f59 (
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
|
---
title: تعلم تطوير الويب
slug: Learn
tags:
- تعلم
- صفحة هبوط
- فهرس
- مبتدئين
- مقدمة
- ويب
translation_of: Learn
---
<div class="summary" dir="rtl">
<p style="direction: rtl;">مرحبا بك في قسم بـشبكة مطوري موزيلا للتعلم. تهدف مجموعة المقالات هذه إلى توفير كل ما يحتاجه المبتدئون في تطوير الويب للبدء ببناء مواقعهم.</p>
</div>
<p dir="rtl">ليس الهدف من هذا القسم هو أن يأخذك من مرحلة «مبتدئ» إلى مرحلة «الإحتراف» ولكن لأخذك من مرحلة «مبتدئ» إلى «الإكتفاء بالأساسيات». ثم ومن هنا يجب أن تكون قادراً على إكمال طريقك عبر دراسة <a href="https://developer.mozilla.org/ar/">بقيّة مصادر شبكة مطوري موزيلا</a>، وغيرها من المصادر ذات المستوى المتوسط والمتقدم التي تتطلب معرفة مسبقة.</p>
<p dir="rtl">إذا كنت مبتدئ، تطوير الويب يمكن أن يكون تحدياً - سنساعدك وسنوفر لك تفاصيل كافية لتشعر بالراحة وتدرس المواضيع كما ينبغي. هذا هو مكانك إن كنت طالباً يتعلم تطوير الويب (بشكل ذاتي أو كجزء من الدراسة)، مدرساً يبحث عن مصادر، هاوٍ، أو شخص ما يريد فقط فهم المزيد حول طريقة عمل تقنيات الويب.</p>
<div class="warning" dir="rtl">
<p><strong>مهم</strong>: المحتوى في هذا القسم هو محتوى متجدد باستمرار. فإذا كان لديك أسئلة بخصوص مواضيع تود أن يتم تغطيتها أو تشعر أنها ناقصة، انظر إلى قسم «تواصل معنا» أسفله للحصول على معلومات عن كيفية التواصل معنا.</p>
</div>
<h2 dir="rtl" id="من_أين_أبدا">من أين أبدا</h2>
<ul class="card-grid" dir="rtl">
<li><span>مبتدئ:</span>
<p>إذا كنت مبتدئًا في تطوير الويب نقترح عليك أن تبدأ في وحدة <a href="/ar/docs/Learn/Getting_started_with_the_web">البدء مع الويب</a>، والتي توفر مقدمة عملية في تطوير الويب.</p>
</li>
<li><span>أسئلة محددة:</span>
<p>إذا كان لديك سؤال محدد حول تطوير الويب، قد تجد شيئا يساعدك في قسم <a href="/ar/docs/Learn/Common_questions">الأسئلة الشائعة</a>.</p>
</li>
<li><span>ما بعد الأساسيات:</span>
<p>إذا كان لديك القليل من المعرفة مسبقاً، الخطوة التالية هي تعلم لغة ترميز النص الفائق وصفحات الأنماط الانسيابية بالتفصيل مع وحدة «<a href="/ar/docs/Learn/HTML/Introduction_to_HTML">مقدمة إلى لغة ترميز النص الفائق</a>» والمتابعة بعدها إلى وحدة «<a href="/ar/docs/Learn/CSS/Introduction_to_CSS">مقدمة إلى صفحات الأنماط الانسيابية</a>».</p>
</li>
<li><span>الإنتقال إلى البرمجة:</span>
<p>إذا كنت متمكناً من لغة ترميز النص الفائق وصفحات الأنماط الانسيابية بالفعل، وكنتَ مهتماً بالبرمجة، فحتماً سترغب في الإنتقال إلى تعلم «الجافاسكربت». ابدأ مع وحدة «<a href="/ar/docs/Learn/JavaScript/First_steps">خطوات الأولى مع الجافاسكربت</a>» و «<a href="/ar/docs/Learn/Server-side/First_steps">خطواتك الأولى مع تطوير جهة الخادم</a>».</p>
</li>
</ul>
<div class="note" dir="rtl">
<p><strong>ملاحظة</strong>: يحتوي <a href="/ar/docs/Glossary">قاموسنا</a> على تعريفات للمصطلحات</p>
</div>
<p dir="rtl">{{LearnBox({"title":"معلومة سريعة", "sources":"/ar/docs/Glossary"})}}</p>
<h2 dir="rtl" id="المواضيع_المغطاة">المواضيع المغطاة</h2>
<p dir="rtl">القائمة التالية تحتوي على جميع المواضيع التي تمت تغطيتها في قسم التعلم الخاص بشبكة مطوري موزيلا.</p>
<dl>
<dt dir="rtl"><a href="/ar/docs/Learn/Getting_started_with_the_web">البدء مع الويب</a></dt>
<dd dir="rtl">توفر الوحدة مقدمة عملية عن تطوير الويب للمبتدئين.</dd>
<dt dir="rtl"><a href="/ar/docs/Learn/HTML">لغة ترميز النص الفائق — لبنة الويب</a></dt>
<dd dir="rtl">لغة ترميز النص الفائق (HTML) هي اللغة التي نستخدمها لهيكلة أجزاء مختلفة من محتوانا ولتحديد معناها أو الغرض منها. هذا الموضوع يشرح هذه اللغة بالتفصيل.</dd>
<dt dir="rtl"><a href="/ar/docs/Learn/CSS">صفحة الأنماط الانسيابية — تصميم الويب</a></dt>
<dd dir="rtl">صفحات الأنماط الانسيابية (CSS) هي اللغة التي نستخدمها لتصميم وتنسيق محتوى الويب، كما نستخدمها لإضافة تأثيرات مثل الرسوم المتحركة. يوفر هذا الموضوع تغطية شاملة لهذه التقنية.</dd>
<dt dir="rtl"><a href="/ar/docs/Learn/JavaScript">الجافاسكربت — لغة برمجة ديناميكية لتطوير جهة العميل</a></dt>
<dd dir="rtl">تعد الجافاسكربت (JavaScript) لغة برمجة ديناميكيّة تُستخدم لإضافة ميزات تفاعليّة لصفحات الويب. يشرح هذا الموضوع جميع الأساسيات الضرورية لتُصبح قادراً على القراءة والكتابة باستخدام هاته اللغة.</dd>
<dt dir="rtl"><a href="/ar/docs/Learn/Accessibility">الإتاحة — اجعل الويب متاحاً للجميع</a></dt>
<dd dir="rtl">الإتاحة (Accessibility) هي جعل محتوى الويب متاحاً لأكبر قدر من الناس بغض النظر عن الإعاقة التي لديهم، أو الجهاز الذي يستخدمونه، أو اللغة التي يتقنوها، أو أي عامل آخر. يقدم هذا الموضوع كل ما تحتاج معرفته عن هذا المفهوم.</dd>
<dt dir="rtl"><a href="/ar/docs/Learn/Tools_and_testing">الأدوات والإختبار</a></dt>
<dd dir="rtl">يُغطي هذا الموضوع الأدوات التي يستخدمها المطورون لتسهيل عملهم، مثل أدوات الإختبار العابرة للمتصفحات (corss-browser).</dd>
<dt dir="rtl"><a href="/ar/docs/Learn/Server-side">برمجة جهة الخادم</a></dt>
<dd dir="rtl">حتى ولو كنت مُركزاً على تطوير جهة العميل (client-side)، مازال من المفيد التعرُّف على كيفيّة عمل الخوادم وما هي المزايا التي تمتلكها لغات جهة الخادم (server-side). توفر هذه المقالة مقدمة عامة حول كيفيّة عمل جهة الخادم، كما تقدم دورة مُفصلة عن كيفيّة بناء تطبيق يعمل على الخادم باستخدام إطارين عمل (frameworks) مشهورين — جانغو (لغة بايثون) وأكسبريس (نود).</dd>
</dl>
<h2 dir="rtl" id="احصل_على_أمثلتنا_البرمجيّة">احصل على أمثلتنا البرمجيّة</h2>
<p dir="rtl">جميع الأمثلة البرمجية التي ستشاهدها في قسم التعلم متوفرة على <a href="https://github.com/mdn/learning-area/">جيتهاب</a>. إذا أردت نسخهم جميعاً إلى حاسوبك، فأسهل طريقة هي:</p>
<ol dir="rtl">
<li><a href="https://git-scm.com/downloads">تثبيت جيت</a> على حاسوبك. يعد جيت برمجيّة التحكم بالإصدارات الأساسيّة التي يستخدمها جيتهاب للقيام بعمله.</li>
<li>قم <a href="https://github.com/join">بإنشاء حساب على جيتهاب</a>. العملية سهلة وبسيطة</li>
<li>بعدما تنتهي من إنشاء الحساب، قم بتسجيل الدخول إلى الموقع باسم المستخدم وكلمة المرور خاصتك.</li>
<li>افتح <a href="https://www.lifewire.com/how-to-open-command-prompt-2618089">موجه الأوامر</a> على حاسوبك (إذا كنت تستخدم ويندوز) أو الطرفية (إذا كنت تستخدم <a href="https://help.ubuntu.com/community/UsingTheTerminal">لينُكس</a> أو <a href="http://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line">ماك</a>)</li>
<li>لتقوم بنسخ مستودع قسم التعلم إلى مجلد يسمى "learning-are" في مسارك الحالي، استخدم الأمر التالي:
<pre class="brush: bash line-numbers language-bash"><code class="language-bash">git clone https://github.com/mdn/learning-area</code></pre>
</li>
<li>يمكنك الآن الدخول إلى المجلد لتجد الملف الذي تبحث عنه (إما باستخدام مدير الملفات أو باستخدام <a href="https://ar.wikipedia.org/wiki/%D8%B3%D9%8A%D8%AF%D9%8A_(%D8%A3%D9%85%D8%B1)">الأمر cd</a>)</li>
</ol>
<p dir="rtl">يمكنك الحصول على آخر التحديثات المُجراة على مستودع وتحميلها إلى مجلدك تلقائياً عن طريق اتباع الخطوات التالية:</p>
<ol dir="rtl">
<li>باستخدام موجه الأوامر/الطرفية، ادخل إلى المجلد <code>learning-area</code> باستخدام الأمر <code>cd</code>. على سبيل المثال إذا كنت في المجلد الحاوي للمجلد <code>learning-area</code> استخدم الأمر:
<pre class="brush: bash line-numbers language-bash"><code class="language-bash">cd learning-area</code></pre>
</li>
<li>قم بتحديث المستودع باستخدام الأمر التالي:
<pre class="brush: bash line-numbers language-bash"><code class="language-bash">git pull</code></pre>
</li>
</ol>
<p dir="rtl"></p>
<h2 dir="rtl" id="تواصل_معنا">تواصل معنا</h2>
<p dir="rtl">إذا أردت التواصل معنا من أجل إخبارنا بأي شيءٍ كان، فأفضل طريقة هي إرسال رسالة لنا عن طريق <a href="https://discourse.mozilla-community.org/t/learning-web-development-marking-guides-and-questions/16294">موضوع قسم التعلم</a> أو باستخدام <a href="/ar/docs/MDN/Community/Conversations#Chat_in_IRC">قنوات IRC</a>. نود أن نسمع منك أي شيء بخصوص ما تظنه خاطئاً أو مفقوداً على هذا الموقع، أو طلبات لمواضيع تعلم جديدة، أو طلبات للمساعدة بخصوص شيء لا تستطيع فهمه، أو أي أسئلة أخرى.</p>
<p dir="rtl"></p>
<h2 dir="rtl" id="طالع_أيضاً">طالع أيضاً</h2>
<dl>
<dt dir="rtl"><a href="https://www.mozilla.org/en-US/newsletter/developer/">القائمة البريدية لمطوري موزيلا</a></dt>
<dd dir="rtl">قائمتنا البريدية لمطوري الويب، والتي تعد مصدر عظيم لجميع مستويات الخبرة.</dd>
</dl>
<dl>
<dt dir="rtl"><a href="https://www.codecademy.com/">موقع Codecademy</a></dt>
<dd dir="rtl">موقع تفاعلي رائع لتعليم لغات البرمجة من الصفر.</dd>
<dt dir="rtl"><a href="https://exlskills.com/learn-en/courses">EXLskills</a><a href="https://code.org/"> </a></dt>
<dd dir="rtl">دورات مجانية ومفتوحة لتعلم المهارات التقنية ، مع الإرشاد والتعلم القائم على المشاريع</dd>
<dt dir="rtl"><a href="https://code.org/">موقع Code.org </a></dt>
<dd dir="rtl">مقالات وتدريبات برمجيّة بسيطة تستهدف بشكل أساسي المبتدئين.</dd>
<dt dir="rtl"><a href="https://www.freecodecamp.org/">موقع freeCodeCamp.org</a></dt>
<dd dir="rtl">موقع تفاعلي يحتوي على دورات ومشاريع لتعليم تطوير الويب.</dd>
</dl>
<dl>
<dt dir="rtl"><a href="https://learning.mozilla.org/activities">أنشطة تعليميّة</a></dt>
<dd dir="rtl">سلسلة من الأنشطة التعليميّة للتعليم مُنشأة من قبل مؤسسة موزيلا، تغطي كل شيء بدءً من أساسيات الويب والخصوصيّة وصولاً إلى الجافا سكربت وغيرها من التقنيات المتقدمة.</dd>
</dl>
<p dir="rtl"></p>
|
