دورة تعليمية
كورس جافا سكريبت شامل | دروس جافاسكريبت javascript من الصفر
برمجة المواقع | تعلّم JavaScript من الصفر تعلّم أساسيات JavaScript وابدأ بإضافة التفاعل والحركة إلى صفحات الويب. هذه الدورة مناسبة للمبتدئين، وتساعدك على الانتقال من صفحات HTML …
المدرّس: د. عبقور أونلاينعن الدورة
ماذا ستتعلّم؟
برمجة المواقع | تعلّم JavaScript من الصفر تعلّم أساسيات JavaScript وابدأ بإضافة التفاعل والحركة إلى صفحات الويب. هذه الدورة مناسبة للمبتدئين، وتساعدك على الانتقال من صفحات HTML وCSS الثابتة إلى مواقع أكثر تفاعلاً وذكاءً. خلال الدورة ستتعلّم أساسيات البرمجة باستخدام JavaScript، مثل المتغيرات، الشروط، الحلقات، الدوال، المصفوفات، والكائنات، بالإضافة إلى التعامل مع عناصر صفحة الويب باستخدام DOM والاستجابة لأحداث المستخدم مثل النقر والكتابة. بعد إتمام الدورة ستكون قادرًا على: فهم أساسيات لغة JavaScript. استخدام المتغيرات وأنواع البيانات المختلفة. كتابة الشروط والحلقات البرمجية. إنشاء واستخدام الدوال. التعامل مع المصفوفات والكائنات. التحكم بعناصر HTML باستخدام DOM. التعامل مع النقرات وإدخال المستخدم والأحداث المختلفة. إضافة تفاعلات وحركات إلى صفحات الويب. بناء مشاريع ويب بسيطة باستخدام HTML وCSS وJavaScript. الاستعداد للانتقال إلى تقنيات ومكتبات JavaScript المتقدمة.
محتوى تعليمي
دروس الدورة
1سلسلة دروس جافا سكريبت - الدرس الأول: ما هي لغة جافا سكريبت و ما أهميتها؟تفاصيل الدرس — المشاهدة داخل تطبيق نوابع22: تجهيز بيئة العمل و البدء في الجافا سكريبتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع33: المتغيرات في الجافا سكريبت - variables in jsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع44: تسمية المتغيرات و التعامل معهاتفاصيل الدرس — المشاهدة داخل تطبيق نوابع55: العمليات الرياضية في متغيرات جافا سكريبتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع65.1 - تحدي المتغيرات (١)تفاصيل الدرس — المشاهدة داخل تطبيق نوابع75.2 - حل تحدي المتغيرات (١) + تحدي إضافيتفاصيل الدرس — المشاهدة داخل تطبيق نوابع85.3 - حل تحدي المتغيرات (٢) - ربط الجافا سكريبت بال htmlتفاصيل الدرس — المشاهدة داخل تطبيق نوابع96: أنواع البيانات في جافاسكريبتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع107: السلاسل النصية في الجافا سكريبت - Stringتفاصيل الدرس — المشاهدة داخل تطبيق نوابع118: السلاسل النصية في الجافاسكريبت ٢ - String 2تفاصيل الدرس — المشاهدة داخل تطبيق نوابع128.1: تحدي السلاسل النصية - String Challengeتفاصيل الدرس — المشاهدة داخل تطبيق نوابع138.2: حل تحدي السلاسل النصية + تحدي إضافي - String Challenge Solutionتفاصيل الدرس — المشاهدة داخل تطبيق نوابع148.3: حل تحدي السلاسل النصية الإضافي - String Extra Challenge Solutionتفاصيل الدرس — المشاهدة داخل تطبيق نوابع158.4: حل تحدي القراءة من المستخدمتفاصيل الدرس — المشاهدة داخل تطبيق نوابع169: الأرقام في جافا سكريبت - numbers in Java Scriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع1710: القيم المنطقية في الجافا سكريبت - Boolean in Java Scriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع1811: العوامل المنطقية - Logical Operatorsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع1912: التعليقات - commentsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع2013: تغيير أنواع البيانات في الجافاسكريبت - Casting in javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع2114: العبارات الشرطية في الجافا سكريبت - conditions in Javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع2215: العبارات الشرطية المتعددة - if elseتفاصيل الدرس — المشاهدة داخل تطبيق نوابع2316: عبارات switch - case الشرطيةتفاصيل الدرس — المشاهدة داخل تطبيق نوابع2417: تحويل ال if statement إلى switch statement في الجافاسكريبتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع2517.1: تحدي العبارات الشرطية - حساب ال BMIتفاصيل الدرس — المشاهدة داخل تطبيق نوابع2617.2: حل تحدي العبارات الشرطية - حساب ال BMIتفاصيل الدرس — المشاهدة داخل تطبيق نوابع2718: المصفوفات في الجافا سكريبت - arraysتفاصيل الدرس — المشاهدة داخل تطبيق نوابع2819: العمليات على المصفوفات - Arrays Operationsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع2920: العمليات على المصفوفات (٢) - Arrays Operations 2تفاصيل الدرس — المشاهدة داخل تطبيق نوابع3021: دوال المصفوفاتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع3121.1: تحدي المصفوفاتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع3221.2: حل تحدي المصفوفاتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع3322: جمل التكرار في الجافاسكريبت - for loopsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع3422.1: تحدي ال loop مع الأرقامتفاصيل الدرس — المشاهدة داخل تطبيق نوابع3522.2: حل تحدي ال loop مع الأرقامتفاصيل الدرس — المشاهدة داخل تطبيق نوابع3623: استخدام ال loops مع ال stringتفاصيل الدرس — المشاهدة داخل تطبيق نوابع3723.1: تحدي ال loop مع ال Stringتفاصيل الدرس — المشاهدة داخل تطبيق نوابع3823.2: حل تحدي ال loop مع ال Stringتفاصيل الدرس — المشاهدة داخل تطبيق نوابع3924: استخدام ال loops مع ال arraysتفاصيل الدرس — المشاهدة داخل تطبيق نوابع4024.1: تحدي ال loop مع ال Arraysتفاصيل الدرس — المشاهدة داخل تطبيق نوابع4124.2: حل تحدي ال loop مع ال Arraysتفاصيل الدرس — المشاهدة داخل تطبيق نوابع4225: استخدام عبارات break و continue في ال loopsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع4326: ال while loopتفاصيل الدرس — المشاهدة داخل تطبيق نوابع4426.1: تحدي ال while loopتفاصيل الدرس — المشاهدة داخل تطبيق نوابع4526.2: حل تحدي ال while loopتفاصيل الدرس — المشاهدة داخل تطبيق نوابع4627: ال 2d arrays في الجافاسكريبتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع4728: تطبيق عملي على ال 2d arrayتفاصيل الدرس — المشاهدة داخل تطبيق نوابع4829: ال nested loops مع ال 2d arraysتفاصيل الدرس — المشاهدة داخل تطبيق نوابع4930: بناء و استخدام ال nested loopsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع5031: شرح نظري تفصيلي لل nested loopsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع5131.1: تحدي ال nested loopsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع5231.2: تحدي ال nested loopsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع5332: الدوال في الجافاسكريبت | Functions in Javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع5433: مدخلات الدوال | Functions Parametersتفاصيل الدرس — المشاهدة داخل تطبيق نوابع5534: المدخلات المتعددة في الدوال | Multiple Parameters In Functionsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع5635: مخرجات الدوال | Functions With Returned Valuesتفاصيل الدرس — المشاهدة داخل تطبيق نوابع5735.1: تحدي الدوال - عكس المصفوفاتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع5835.2: حل تحدي الدوال - عكس المصفوفاتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع5936: البدء في منصات التحديات البرمجية و منصة كودرهبتفاصيل الدرس — المشاهدة داخل تطبيق نوابع6037: الدوال عديمة الاسم - Anonymous Functions in Javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع6138: Callback Functions / Anonymous Functions In Javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع6238.1: تحدي ال Anonymous Functions / Callbackتفاصيل الدرس — المشاهدة داخل تطبيق نوابع6338.2: حل تحدي ال Anonymous Functions / Callbackتفاصيل الدرس — المشاهدة داخل تطبيق نوابع6439: Arrow Functions In Javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع6540: Scope In Javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع6641: var vs const vs let in Javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع6742: دوال المصفوفات: map - filter - reduce | دوال Higher Order Functions In Javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع6842.1: تحدي دوال المصفوفاتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع6942.2: حل تحدي دوال المصفوفاتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع7043: الكائنات في الجافاسكريبت | Javascript Objectsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع7144: تعديل و إضافة ال keys لل objectتفاصيل الدرس — المشاهدة داخل تطبيق نوابع7245: تجميع ال object بداخل المصفوفاتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع7345.1: تحدي ال Javascript Objectsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع7445.2: حل تحدي ال Javascript Objectsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع7546: Nested Objects + Destructuring Assignment In Javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع7647: ما هو ال JSON؟تفاصيل الدرس — المشاهدة داخل تطبيق نوابع7748: Pass By Reference VS Pass By Valueتفاصيل الدرس — المشاهدة داخل تطبيق نوابع7849: مقدمة إلى ال DOMتفاصيل الدرس — المشاهدة داخل تطبيق نوابع7950: الوصول لل html elements من ال javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع8051: تعديل ال style و ال attributes باستخدام javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع8152: ال events من html إلى ال javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع8253: ال event listeners في ال javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع8354: إضافة و حذف ال elements باستخدام ال javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع8454.1: تحدي ال javascript مع ال htmlتفاصيل الدرس — المشاهدة داخل تطبيق نوابع8554.2: حل تحدي ال javascript مع ال htmlتفاصيل الدرس — المشاهدة داخل تطبيق نوابع8655: استخدام مكتبات خارجية في الجافاسكريبتتفاصيل الدرس — المشاهدة داخل تطبيق نوابع8756: مكتبة الـ jquery في جافاسكريبت | javascript jqueryتفاصيل الدرس — المشاهدة داخل تطبيق نوابع8857: مقدمة للمشروع النهائيتفاصيل الدرس — المشاهدة داخل تطبيق نوابع8958: المطلوب في المشروع النهائي - قائمة المهام | todo list in jsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع9059: المشروع النهائي - بناء واجهة المشروعتفاصيل الدرس — المشاهدة داخل تطبيق نوابع9160: المشروع النهائي - إضافة خطوط و أيقونات من مكتبات خارجيةتفاصيل الدرس — المشاهدة داخل تطبيق نوابع9261: المشروع النهائي - عرض المهام في الجدول Read - C(R)UDتفاصيل الدرس — المشاهدة داخل تطبيق نوابع9362: المشروع النهائي - إضافة مهمة جديدة - (C)RUDتفاصيل الدرس — المشاهدة داخل تطبيق نوابع9463: المشروع النهائي - حذف مهمة - CRU(D) Deleteتفاصيل الدرس — المشاهدة داخل تطبيق نوابع9564: المشروع النهائي - تعديل مهمة - CR(U)D Updateتفاصيل الدرس — المشاهدة داخل تطبيق نوابع9665: المشروع النهائي - تحديد المهام المنجزةتفاصيل الدرس — المشاهدة داخل تطبيق نوابع9766: المشروع النهائي - حفظ المهام في ذاكرة الجهاز | local storage in Javascriptتفاصيل الدرس — المشاهدة داخل تطبيق نوابع9867: رفع المشروع على استضافة مجانيةتفاصيل الدرس — المشاهدة داخل تطبيق نوابع
حمّل نوابع وابدأ التعلّم
للوصول إلى الدروس والملفات والاختبارات، استخدم تطبيق نوابع.