initial commit

1 files changed, 189 insertions, 0 deletions

diff --git a/files/ar/learn/front-end_web_developer/index.html b/files/ar/learn/front-end_web_developer/index.html
new file mode 100644
index 0000000000..a062423f96
--- /dev/null
+++ b/files/ar/learn/front-end_web_developer/index.html
@@ -0,0 +1,189 @@
+---
+title: Front-end web developer
+slug: Learn/Front-end_web_developer
+translation_of: Learn/Front-end_web_developer
+---
+<p><font><font>{{Learnsidebar}}</font></font></p>
+
+<p><font><font>مرحبًا بك في مسار تعلم مطوري الويب الأمامي!</font></font></p>
+
+<p><font><font>هنا نقدم لك دورة منظمة ستعلمك كل ما تحتاج إلى معرفته لتصبح مطور ويب أمامي. </font><font>ما عليك سوى العمل من خلال كل قسم ، وتعلم مهارات جديدة (أو تحسين المهارات الحالية) أثناء تقدمك. </font><font>يتضمن كل قسم تمارين وتقييمات لاختبار فهمك قبل المضي قدمًا.</font></font></p>
+
+<h2 id="الموضوعات_المشمولة"><font><font>الموضوعات المشمولة</font></font></h2>
+
+<p><font><font>الموضوعات المشمولة هي:</font></font></p>
+
+<ul>
+ <li><font><font>الإعداد الأساسي وتعلم كيفية التعلم</font></font></li>
+ <li><font><font>معايير الويب وأفضل الممارسات (مثل إمكانية الوصول والتوافق عبر المتصفحات)</font></font></li>
+ <li><font><font>HTML ، اللغة التي تعطي بنية محتوى الويب والمعنى</font></font></li>
+ <li><font><font>CSS ، اللغة المستخدمة في تصميم صفحات الويب</font></font></li>
+ <li><font><font>JavaScript ، لغة البرمجة النصية المستخدمة لإنشاء وظائف ديناميكية على الويب</font></font></li>
+ <li><font><font>الأدوات المستخدمة لتسهيل تطوير الويب الحديث من جانب العميل.</font></font></li>
+</ul>
+
+<p><font><font>يمكنك العمل من خلال الأقسام بالترتيب ، ولكن كل قسم قائم بذاته. </font><font>على سبيل المثال ، إذا كنت تعرف HTML بالفعل ، يمكنك التخطي إلى قسم CSS.</font></font></p>
+
+<h2 id="المتطلبات_الأساسية"><font><font>المتطلبات الأساسية</font></font></h2>
+
+<p><font><font>لا تحتاج إلى أي معرفة سابقة لبدء هذه الدورة. </font><font>كل ما تحتاجه هو جهاز كمبيوتر يمكنه تشغيل متصفحات الويب الحديثة واتصال بالإنترنت والرغبة في التعلم.</font></font></p>
+
+<p><font><font>إذا لم تكن متأكدًا مما إذا كان تطوير الويب من أجلك أم لا ، و / أو كنت تريد مقدمة لطيفة قبل البدء في دورة تدريبية أطول وأكثر اكتمالًا ، فقم بالعمل من خلال </font></font><a href="/en-US/docs/Learn/Getting_started_with_the_web"><font><font>البدء باستخدام</font></font></a><font><font> وحدة </font><a href="/en-US/docs/Learn/Getting_started_with_the_web"><font>الويب</font></a><font> أولاً.</font></font></p>
+
+<h2 id="الحصول_على_مساعدة"><font><font>الحصول على مساعدة</font></font></h2>
+
+<p><font><font>لقد حاولنا أن نجعل تعلم تطوير الواجهة الأمامية أمرًا مريحًا قدر الإمكان ، ولكن ربما ستظل عالقًا لأنك لا تفهم شيئًا ، أو أن بعض التعليمات البرمجية لا تعمل.</font></font></p>
+
+<p><font><font>لا داعي للذعر. </font><font>نتعثر جميعًا ، سواء كنا مبتدئين أو مطورين ويب محترفين. </font><font>في </font></font><a href="/en-US/docs/Learn/Learning_and_getting_help"><font><font>التعلم والحصول على تعليمات</font></font></a><font><font> المادة يوفر لك مجموعة من النصائح ليبحث عن معلومات ومساعدة نفسك. </font><font>إذا كنت لا تزال عالقًا ، فلا تتردد في نشر سؤال في </font></font><a href="https://discourse.mozilla.org/c/mdn/learn/"><font><font>منتدى الخطاب</font></font></a><font><font> الخاص بنا </font><font>.</font></font></p>
+
+<p><font><font>هيا بنا نبدأ. </font><font>حظا سعيدا!</font></font></p>
+
+<h2 id="مسار_التعلم"><font><font>مسار التعلم</font></font></h2>
+
+<h3 id="البدء"> <strong>البدء</strong> </h3>
+
+<p>الوقت اللازم للانهاء: 1.5 - 2 ساعة</p>
+
+<p><strong>المتطلبات الاساسية </strong></p>
+
+<p>لا شيء عدا المعرفة في اساسيات الحاسب الالي.</p>
+
+<h4 id="كيف_اعرف_انني_جاهز_للبدء؟"><strong>كيف اعرف انني جاهز للبدء؟</strong></h4>
+
+<p>There are no assessments in this part of the course. But make sure you don't skip. It is important to get you set up and ready to do work for exercises later on in the course.</p>
+
+<h4 id="ارشادات_قبل_البدء">ارشادات قبل البدء</h4>
+
+<ul>
+ <li><a href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Installing basic software</a> — basic tool setup (15 min read)</li>
+ <li><a href="/en-US/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards">Background on the web and web standards</a> (45 min read)</li>
+ <li><a href="/en-US/docs/Learn/Learning_and_getting_help">Learning and getting help</a> (45 min read)</li>
+</ul>
+
+<h3 id="Semantics_and_structure_with_HTML">Semantics and structure with HTML</h3>
+
+<p>الوقت اللازم للانهاء: 35 - 50 ساعة</p>
+
+<p><strong>المتطلبات الاساسية </strong></p>
+
+<p><span style="">Nothing except basic computer literacy, and a basic web development environment.</span></p>
+
+<h4 id="How_will_I_know_Im_ready_to_move_on">How will I know I'm ready to move on?</h4>
+
+<p>The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.</p>
+
+<h4 id="Modules">Modules</h4>
+
+<ul>
+ <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a> (15–20 hour read/exercises)</li>
+ <li><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding">Multimedia and embedding</a> (15–20 hour read/exercises)</li>
+ <li><a href="/en-US/docs/Learn/HTML/Tables">HTML tables</a> (5–10 hour read/exercises)</li>
+</ul>
+
+<h3 id="Styling_and_layout_with_CSS">Styling and layout with CSS</h3>
+
+<p>Time to complete: 90–120 hours</p>
+
+<h4 id="Prerequisites">Prerequisites</h4>
+
+<p>It is recommended that you have basic HTML knowledge before starting to learn CSS. You should at least study <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a> first.</p>
+
+<h4 id="How_will_I_know_Im_ready_to_move_on_2">How will I know I'm ready to move on?</h4>
+
+<p>The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.</p>
+
+<h4 id="Modules_2">Modules</h4>
+
+<ul>
+ <li><a href="/en-US/docs/Learn/CSS/First_steps">CSS first steps</a> (10–15 hour read/exercises)</li>
+ <li><a href="/en-US/docs/Learn/CSS/Building_blocks">CSS building blocks</a> (35–45 hour read/exercises)</li>
+ <li><a href="/en-US/docs/Learn/CSS/Styling_text">Styling text</a> (15–20 hour read/exercises)</li>
+ <li><a href="/en-US/docs/Learn/CSS/CSS_layout">CSS layout</a> (30–40 hour read/exercises)</li>
+</ul>
+
+<h4 id="Additional_resources">Additional resources</h4>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/Layout_cookbook">CSS layout cookbook</a></li>
+</ul>
+
+<h3 id="Interactivity_with_JavaScript">Interactivity with JavaScript</h3>
+
+<p>Time to complete: 135–185 hours</p>
+
+<h4 id="Prerequisites_2">Prerequisites</h4>
+
+<p>It is recommended that you have basic HTML knowledge before starting to learn JavaScript. You should at least study <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a> first.</p>
+
+<h4 id="How_will_I_know_Im_ready_to_move_on_3">How will I know I'm ready to move on?</h4>
+
+<p>The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.</p>
+
+<h4 id="Modules_3">Modules</h4>
+
+<ul>
+ <li><a href="/en-US/docs/Learn/JavaScript/First_steps">JavaScript first steps</a> (30–40 hour read/exercises)</li>
+ <li><a href="/en-US/docs/Learn/JavaScript/Building_blocks">JavaScript building blocks</a> (25–35 hour read/exercises)</li>
+ <li><a href="/en-US/docs/Learn/JavaScript/Objects">Introducing JavaScript objects</a> (25–35 hour read/exercises)</li>
+ <li><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs">Client-side web APIs</a> (30–40 hour read/exercises)</li>
+ <li><a href="/en-US/docs/Learn/JavaScript/Asynchronous">Asynchronous JavaScript</a> (25–35 hour read/exercises)</li>
+</ul>
+
+<h3 id="Web_forms_—_Working_with_user_data">Web forms — Working with user data</h3>
+
+<p>Time to complete: 40–50 hours</p>
+
+<h4 id="Prerequisites_3">Prerequisites</h4>
+
+<p>Forms require HTML, CSS, and JavaScript knowledge. Given the complexity of working with forms, it is a dedicated topic.</p>
+
+<h4 id="How_will_I_know_Im_ready_to_move_on_4">How will I know I'm ready to move on?</h4>
+
+<p>The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.</p>
+
+<h4 id="Modules_4">Modules</h4>
+
+<ul>
+ <li><a href="/en-US/docs/Learn/Forms">Web forms</a> (40–50 hours)</li>
+</ul>
+
+<h3 id="Making_the_web_work_for_everyone">Making the web work for everyone</h3>
+
+<p>Time to complete: 60–75 hours</p>
+
+<h4 id="Prerequisites_4">Prerequisites</h4>
+
+<p>It is a good idea to know HTML, CSS, and JavaScript before working through this section. Many of the techniques and best practices touch on multiple technologies.</p>
+
+<h4 id="How_will_I_know_Im_ready_to_move_on_5">How will I know I'm ready to move on?</h4>
+
+<p>The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.</p>
+
+<h4 id="Modules_5">Modules</h4>
+
+<ul>
+ <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing">Cross-browser testing</a> (25–30 hour read/exercises)</li>
+ <li><a href="/en-US/docs/Learn/Accessibility">Accessibility</a> (20–25 hour read/exercises)</li>
+</ul>
+
+<h3 id="Modern_tooling">Modern tooling</h3>
+
+<p>Time to complete: 55–90 hours</p>
+
+<h4 id="Prerequisites_5">Prerequisites</h4>
+
+<p>It is a good idea to know HTML, CSS, and JavaScript before working through this section, as the tools discussed work alongside many of these technologies.</p>
+
+<h4 id="How_will_I_know_Im_ready_to_move_on_6">How will I know I'm ready to move on?</h4>
+
+<p><font><font>لا توجد مقالات تقييم محددة في هذه المجموعة من الوحدات. </font><font>تُعدك دروس دراسة الحالة في نهاية الوحدتين الثانية والثالثة لاستيعاب أساسيات الأدوات الحديثة.</font></font></p>
+
+<h4 id="الوحدات"><font><font>الوحدات</font></font></h4>
+
+<ul>
+ <li><a href="/en-US/docs/Learn/Tools_and_testing/GitHub"><font><font>Git و GitHub</font></font></a><font><font> (قراءة لمدة 5 ساعات)</font></font></li>
+ <li><a href="/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools"><font><font>فهم أدوات تطوير الويب من جانب العميل</font></font></a><font><font> (قراءة 20-25 ساعة)</font></font></li>
+ <li>
+  <p><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks"><font><font>فهم أطر عمل جافا سكريبت من جانب العميل</font></font></a><font><font> (قراءة / تمارين لمدة 30-60 ساعة)</font></font></p>
+ </li>
+</ul>