تعلم جافا سكريبت

تعلم لغة جافا سكريبت من الصفر حتى الاحتراف

تطوير الويب4.6(59)11 ساعة و21 دقيقة54 درسا18 قسما

ماذا ستتعلم؟

  • تعلم أساسيات لغة جافا سكريبت
  • كتابة الشيفرات البرمجية بالطريقة الصحيحة
  • فهم المفاهيم الأساسية للبرمجة
  • التعرف على الميزات المتقدمة في اللغة
  • إدارة الأحداث في صفحات الويب
  • تصميم واجهات تفاعلية للمواقع
  • استخدام المكتبات في تطوير الويب
  • تطوير تطبيقات ويب ديناميكية

عن الدورة

يشرح هذا الكورس لغة جافا سكريبت (JavaScript) من البداية، وهي اللغة التي تجعل صفحات الويب حية وتفاعلية. تبدأ بمقتطفات تعرفك على الكورس، ثم تتعلم أساسيات اللغة وكيفية كتابة الشيفرات وفهم المفاهيم الأساسية للبرمجة. بعد ذلك تنتقل إلى الميزات المتقدمة في المحاضرات التالية، وتتعلم إدارة الأحداث في صفحات الويب وتصميم واجهات تفاعلية، ثم استخدام المكتبات في تطوير تطبيقات الويب. ينفع هذا الكورس كل من يريد تعلم جافا سكريبت لتطوير مواقع وتطبيقات ويب ديناميكية، سواء كنت مبتدئا في البرمجة أو لديك معرفة بسيطة وتريد التوسع. لا تحتاج إلى خبرة سابقة في اللغة، فالشرح يبدأ من الأساس ويتدرج خطوة بعد خطوة مع محاضرات كثيرة مقسمة على موضوعات مختلفة، وفي نهاية الكورس تجد ملحقات للتحميل. كل ما تحتاجه جهاز كمبيوتر ومتصفح ورغبة في التعلم والتطبيق. وفي النهاية ستكون قادرا على كتابة شيفرات جافا سكريبت بنفسك، والتعامل مع أحداث الصفحة، وبناء صفحات ويب ديناميكية وتفاعلية بثقة.

نتائج متوقعة من الدورة

  • كتابة شيفرات جافا سكريبت بكفاءة
  • فهم المفاهيم الأساسية والمتقدمة
  • تطوير تطبيقات ويب ديناميكية
  • تنفيذ التفاعلات باستخدام جافا سكريبت
  • تحسين مهارات البرمجة لديك
  • تطبيق تقنيات حديثة في تطوير الويب

تقييمات المتدربين

التقييمات هنا من المتدربين الذين اشتروا الدورة وأكملوا 50٪ من المحتوى على الأقل — لا توجد تقييمات من شخص لم يطلع على المحتوى.
4.6
★★★★★
59 تقييم
5★
34
4★
25
3★
0
2★
0
1★
0
  • ★★★★★Mohmed A.·منذ 5 شهرشاهد 100٪

    دورات رائعه سهله وبسيطه للفهم لجميع المستويات

تم عرض كل التقييمات (1)

محتوى الدورة

1

مقدمة الكورس التعليمى وعرض المحتويات

2 درس
  1. مقتطفات من الكورسعرض سريع لمحتوى كورس JavaScript: الأدوات وبرنامج NetBeans، ثم الأساسيات والشروط والتكرار والـ string والبرمجة الكائنية، وبعدها DOM والأحداث والـ cookies وjQuery والرسم.7:38
  2. المحاضرةعرض لمحتويات مادة تعلم لغة Java: الأساسيات وأنواع البيانات والعمليات، وأداة كتابة الأوامر، والتكرار، والدوال، ثم الكلاسات والوراثة وabstract class وتقسيم المادة إلى مستويين.7:57
2

مقدمة جافا سكريبت والادوات المطلوبة

2 ملحقات
  1. المحاضرة الأولى
  2. المحاضرة الثانية
3

المتغيرات والمؤثرات والعمليات

4 درس
  1. المحاضرة الأولى
  2. المحاضرة الثانية
  3. المحاضرة الثالثة
  4. المحاضرة الرابعةيستكمل أنواع المؤثرات operators في أساسيات البرمجة: مؤثرات المقارنة مثل يساوي وأكبر من، والمؤثرات المنطقية and وor وnot، ومؤثرات الإسناد المختصرة مثل plus equal.6:05
4

جمل الشرط والتحكم فى سير الكود

4 درس
  1. المحاضرة الأولىيشرح مستوى المنطق في JavaScript وجمل الشرط، فيستخدم if وelse وسلاسل else if لاختبار قيمة مثل درجة الطالب أو المرتب، مع تحويل المدخلات بـ parseFloat.14:21
  2. المحاضرة الثانيةيكمل جمل الشرط في JavaScript بـ if مع else if، مع مثال حساب الضريبة حسب الراتب باستخدام and لتحديد نطاق، ومثال تقدير الطالب حسب الدرجة.18:27
  3. المحاضرة الثالثةيعيد مثال تقدير الدرجات بمنطق آخر، ثم يشرح switch case ببرنامج آلة حاسبة تقرأ رقمين من المستخدم وتعرض قائمة عمليات، تمهيداً للمؤثر الشرطي.17:59
  4. المحاضرة الرابعةيشرح المؤثر الشرطي conditional operator كبديل مختصر لـ if else، يسند نتيجة لمتغير حسب الشرط في سطر واحد، وكذلك الجمل الشرطية المتداخلة nested if.5:55
5

جمل التكرار

4 درس
  1. المحاضرة الأولىيشرح جمل التكرار في JavaScript وتحديدا حلقة for، فيطبع رسالة عدة مرات، ويحسب العامل التفاضلي Factorial تصاعديا وتنازليا، ويغير خطوة العداد.23:44
  2. المحاضرة الثانيةيشرح الحلقات المتداخلة nested loops، أي حلقة for داخل حلقة for، ويطبقها على طباعة جدول الضرب موضحاً كيف يثبت العداد الخارجي ويتغير الداخلي.13:25
  3. المحاضرة الثالثة17:49
  4. المحاضرة الرابعةيكمل جمل التكرار بمثال while لكلمة سر تتكرر بشرطين: أن تكون خاطئة وأن عدد المحاولات أقل من حد معين، ثم يشرح الكلمتين break وcontinue في حلقة for.9:42
6

تقسيم الكود الى مجموعة من الدوال

5 درس
  1. المحاضرة الأولىيقدم الفرق بين البرمجة غير التركيبية التي يتكرر فيها الكود بالنسخ واللصق، والبرمجة التركيبية التي تقسم الكود إلى دوال Functions يمكن استدعاؤها أكثر من مرة.13:02
  2. المحاضرة الثانيةيستكمل الـ function في JavaScript بالتدريب على إنشائها واستدعائها، وكيفية فصلها في ملف خارجي وربطه بالصفحة بوسم script ومساره.16:22
  3. المحاضرة الثالثةيشرح الـ parameter في الـ function: بدل تثبيت قيمة داخل الدالة تُرسل لها القيم عند الاستدعاء، مع أمثلة مثل جمع رقمين يأخذهما من المستخدم، وأخرى للعدد الأكبر.19:35
  4. المحاضرة الرابعةيشرح قيمة الإرجاع return في الـ function: بدل أن تعرض الدالة النتيجة بنفسها تُرجعها لتُكمل عليها عمليات أخرى، مثل دالة تحسب مجموع درجات الطالب ثم دالة للنسبة.19:09
  5. المحاضرة الخامسةيراجع الدوال في JavaScript بأمثلة تطبيقية على الدوال التي ترجع قيمة، مثل حساب الfactorial وتحديد التقدير حسب الدرجة، مع الـ default parameter والـ return.12:29
7

التعامل مع المصفوفات

4 درس
  1. المحاضرة الأولىيشرح المصفوفات Arrays رياضيا وبرمجيا، وأنها مجموعة عناصر باسم واحد يصل إليها برقم الموضع، وذات بعد واحد أو بعدين، ولماذا تغني عن إنشاء متغير منفصل لكل قيمة.3:24
  2. المحاضرة الثانيةيشرح التعامل مع المصفوفات arrays: الإعلان عنها بطريقتين، وملؤها وطباعتها بالعكس بحلقة for، وإعلان مصفوفة فارغة ثم تعبئتها.14:53
  3. المحاضرة الثالثةيطبق المصفوفات بمثال يأخذ القيم من المستخدم ويملأ بها المصفوفة بحلقة for، ثم يعمل مع ثلاث مصفوفات تحمل الثالثة مجموع الأولى والثانية ويطبعها.14:37
  4. المحاضرة الرابعةيستكمل المصفوفات بمثال مقارنة قيم المستخدم بكلمة السر داخل مصفوفة بحلقة، ثم دوال المصفوفة المفيدة مثل sort للترتيب وreverse للعكس وpush وpop للإضافة والحذف.16:25
8

التعامل مع النصوص برمجيا

2 درس
  1. المحاضرة الأولىيشرح التعامل مع النصوص Strings في JavaScript، ومنها قراءة الحروف وأكوادها ودمج النصوص، وindexOf وsubstring وreplace لاستبدال حرف، واختبار بداية النص ونهايته.20:50
  2. المحاضرة الثانيةيتناول التعامل مع التاريخ Date والوقت ودوال جلب أجزائه مثل اليوم والشهر والسنة، ثم الأرقام Number والدوال الرياضية Math مثل الجذر التربيعي.11:50
9

البرمجة بالأهداف opp

5 درس
  1. المحاضرة الأولىيقدم البرمجة الكائنية في JavaScript: كيف يُنشأ class يضم أكثر من function، ثم يؤخذ منه object ويُستدعى منه، وفائدة ذلك في تنظيم الكود.9:38
  2. المحاضرة الثانيةيكمل البرمجة الكائنية بإنشاء class يضم دوال الجمع والطرح والضرب والقسمة، وقائمة اختيار بـ switch case، واستدعاء الدوال من object مأخوذ منه.13:06
  3. المحاضرة الثالثةيتدرب على الـ class والـ object في JavaScript: أخذ عدة objects من نفس الـ class، واستدعاء دالة منها، وتعيين قيمة مثل الـ id بدوال set وget دون constructor.17:17
  4. المحاضرة الرابعةيكمل الـ class والـ object بـ constructor ودوال set وget، ثم class مستطيل بطول وعرض يحسب مساحته، مع استدعاء الدوال من كل object وربط الملف بصفحة HTML.11:09
  5. المحاضرة الخامسةيشرح خاصية الوراثة في البرمجة الكائنية بـ JavaScript، وكيف ينشأ class جديد يعتمد على class موجود فيأخذ مكوناته ويضيف عليها، مع استدعاء constructor الأصل عبر super.20:31
10

التعامل مع المتصفح برمجيا

4 درس
  1. المحاضرة الأولىيمهد لـ Browser Object Model في JavaScript بتجهيز أزرار HTML وربطها بدوال تعرض رسالة أو نافذة confirm يختار منها المستخدم موافق أو إلغاء.14:28
  2. المحاضرة الثانيةيكمل Browser Object Model بدوال تفتح نافذة جديدة بعنوان URL عبر window.open، وتغلق النافذة الحالية، وتعرض مقاييس الشاشة، وكلها مربوطة بأزرار.9:42
  3. المحاضرة الثالثةيشرح الكائن location في Browser Object Model، أي عنوان URL في أعلى المتصفح، وتغييره بـ assign، والفرق بين الانتقال لصفحة جديدة والتغيير في المكان نفسه، وجلب معلوماته كالـ host والـ protocol.6:44
  4. المحاضرة الرابعةيكمل Browser Object Model بكائن history للرجوع والتقدم بين الصفحات بأزرار back وforward وgo، ثم كائن navigator لعرض معلومات المتصفح مثل اسمه وإصداره وتفعيل الـ cookies.8:04
11

التعامل مع محتويات صفحة الانترنت وأدواتها

5 درس
  1. المحاضرة الأولىيشرح Document Object Model وكيف يمثل الـ document مكونات الصفحة، والوصول إلى عنصر عبر الـ id وتغيير محتواه بالخاصية innerHTML وربطه بزر.15:14
  2. المحاضرة الثانيةيتعامل مع مكونات نموذج form عبر الـ DOM، بإعطاء الحقول اسماً ومعرّفاً، وقراءة قيمها بـ getElementById وكتابتها، تمهيداً لحسابات على قيم النموذج.9:28
  3. المحاضرة الثالثةيقارن طرق الوصول لعناصر الصفحة عبر الـ DOM: الـ id مع innerHTML للعناصر بلا قيمة، والاسم أو value لحقول الإدخال، ثم يبني آلة حاسبة بأزرار ويمهد للتحقق من الإدخال.18:51
  4. المحاضرة الرابعةيطبق التحقق validation من الإدخال في الآلة الحاسبة عبر الـ DOM: التأكد أن الحقل غير فارغ وأن القيمة رقم، وعرض رسالة خطأ والتركيز على الحقل، عبر دالة تُرجع true أو false.13:54
  5. المحاضرة الخامسةمثال عملي في Android Studio لجمع رقمين، يوضح كيف يُبرمج الزر ليقرأ القيم المدخلة ويجمعها ويعرض النتيجة، كتطبيق على كتابة كود Java داخل التطبيق.10:16
12

برمجة أحداث صفحة الانترنت

3 درس
  1. المحاضرة الأولىيعرّف الأحداث events في JavaScript مثل click وdouble click وmouse move وfocus وkey press، وكيف يبرمج المطور استجابة الصفحة لكل حدث.5:49
  2. المحاضرة الثانيةيطبق الأحداث بأمثلة: طلب كلمة سر بـ prompt مع حلقة عند تحميل الصفحة onload، وحدث تحريك الماوس onmouseover، وحدث التركيز focus على حقل.21:55
  3. المحاضرة الثالثةيكمل الأحداث بأمثلة: تمرير this لدالة لتتعامل مع العنصر المضغوط، وحدث onload، وتغيير القيمة إلى حروف كبيرة، وحدثي mouseover وmouse out.24:48
13

حفظ بيانات المستخدم JavaScript Cookies

2 درس
  1. المحاضرة الأولىيشرح الـ cookies في JavaScript: معناها وكيفية إنشائها وعرض كل ما على الجهاز منها وحذفها والتحقق من واحدة، مع تجهيز واجهة تجريبية بحقول وأزرار.19:03
  2. المحاضرة الثانيةيطبق مشروع الـ cookies عملياً: إنشاء cookie باسم وقيمة ومدة انتهاء، ثم دوال عرض كل الـ cookies وحذفها وجلب واحدة، وربطها بأزرار الصفحة.12:23
14

التعبيرات Regular expressions

2 درس
  1. المحاضرة الأولىيقدم التعبيرات المنتظمة Regular Expression وفكرة مقارنة القيمة بنموذج، ثم أول مثال لإنشاء كائن منها واختبار وجود كلمة داخل نص بالدالة test.15:37
  2. المحاضرة الثانيةيطور مثال Regular Expression بالتحقق من قيمة المستخدم: أن ينتهي النص بكلمة أو رمز دولار، وأن يكون الإدخال حروفاً من a إلى z، والاستبدال بالدالة replace.24:11
15

التكامل XML/JSON/JavaScript

2 درس
  1. المحاضرة الأولىيعرّف XML وJSON وعلاقتهما بـ JavaScript، وإنشاء ملف XML بسجلات وجداول، وقراءته بالكود والوصول إلى عقدة بعينها وأبنائها.21:44
  2. المحاضرة الثانيةيكمل XML وJSON مع JavaScript بإنشاء ملف XML لشركة وموظفين بسجلات، ثم ملف JSON بنفس البيانات وتحويله لكائن بالدالة parse وقراءة حقوله مثل الاسم الأول والأخير.10:23
16

التعامل مع جى كويرى jQuery

1 درس
  1. المحاضرةيعرّف مكتبة jQuery كإطار عمل مبني على JavaScript، وطريقة تحميل الملف وإضافته للصفحة، ثم ربط أزرار بأحداث click والإشارة إلى العناصر بدل getElementById.13:34
17

الرسم Drawing On Canvas

2 درس
  1. المحاضرة الأولىيشرح الرسم على صفحة الويب بـ JavaScript عبر عنصر canvas والسياق ctx، لرسم مستطيلات ودوائر وخطوط ومسارات وتعبئتها، ويمهد لمكتبة p5.js.13:07
  2. المحاضرة الثانيةيعرض مكتبة p5.js للرسم: تحميل الملف وربطه بالصفحة، وإنشاء الرسم بدالتي setup وdraw دون canvas يدوي، ورسم مستطيلات ودوائر تتبع حركة الماوس.14:45
18

الملحقات

1 ملحقات
  1. حمل الملحقات من هنا

المحاضر

م/عزب محمد عزب

م/عزب محمد عزب

محاضر بالأكاديمية العربية للعلوم والتكنولوجيا والعلوم البحرية، ووزارة الداخلية المصرية، ومركز تكنولوجيا معلومات رئاسة الوزراء، ومعهد إعداد القادة الحكومي.
69K مشاهدة28 دورة

دورات ذات صلة