ورشة التعلم

تعلم لغة جافاسكربت JavaScript لبرمجة التطبيقات وتطوير صفحات الويب التفاعلية
  • القسم الأول اللغة Language

  • مقدمة Intro to Javasciript

    1

  • المتغيرات وانواع البيانات Variables & Data Types

    2

  • اختبار المتغيرات وانواع البيانات Variables & Data Types

  • إنشاء السلاسل النصية concatination

    3

  • اختبار إنشاء السلاسل النصية concatination

  • أدوات تخزين وتعيين البيانات Assignment Operators

    4

  • اختبار أدوات تخزين وتعيين البيانات Assignment Operators

  • أدوات الحساب Arithmatic Operators

    5

  • اختبار أدوات الحساب Arithmatic Operators

  • أدوات الشروط والمقارنة Logical Operators

    6

  • اختبار أدوات الشروط والمقارنة Logical Operators

  • القسم الثاني الأدوات الشرطية Conditions

  • التحقق من البيانات الشرطية if statments

    7

  • اختبار التحقق من البيانات الشرطية if statments

  • تطبيق الشروط مع أدوات المقارنة if with comparison operators

    8

  • اختبار تطبيق الشروط مع أدوات المقارنة if with comparison operators

  • تطبيق شروط متعددة في حالات مختلفة Nasted if statment

    9

  • تطبيق شروط متعددة في حالات مختلفة Nasted if statment

  • تطبيق الشروط مع أدوات المنطق والمقارنة If statment with Logical Operators

    10

  • اختبار تطبيق الشروط مع أدوات المنطق والمقارنة If statment with Logical Operators

  • تطبيق الشروط المختلفة لحال واحدة وتنفيذ بديل لجميع الشروط else else if

    11

  • اختبار تطبيق الشروط المختلفة لحال واحدة وتنفيذ بديل لجميع الشروط else else if

  • استخدام اداة المقارنة Switch case statement

    12

  • اختبار استخدام اداة المقارنة Switch case statement

  • القسم الثالث إنشاء الدوال والوظائف البرمجية Holders

  • إنشاء واستخدام الدوال functions

    13

  • اختبار إنشاء واستخدام الدوال functions

  • إنشاء واستخدام الدوال بشكل متقدم functions advanced

    14

  • اختبار إنشاء واستخدام الدوال بشكل متقدم functions advanced

  • تنفيذ بعد وقت معين مع الدالة setTimeout

    15

  • اختبار تنفيذ بعد وقت معين مع الدالة setTimeout

  • تنفيذ دالة بشكل متكرر كل مدة من الوقت setInterval

    16

  • اختبار تنفيذ دالة بشكل متكرر كل مدة من الوقت setInterval

  • القسم الرابع التعامل مع البيانات Data
  • المصفوفات Array

  • Array Basics (الجزء الاول )

    17

  • Array Basics (الجزء الثاني )

    18

  • Array Basics (الجزء الثالث )

    19

  • Array, Add, Remove, Control ( الجزء الاول )

    20

  • Array, Add, Remove, Control (الجزء الثاني )

    21

  • Array, Add, Remove, Control ( الجزء الثالث )

    22

  • Array, Add, Remove, Control (الجزء الرابع)

    23

  • Array, Search, Join,forEach (الجزء الاول )

    24

  • Array, Search, Join,forEach (الجزء الثاني)

    25

  • Array, Search, Join,forEach (الجزء الثالث )

    26

  • Array, Search, Join,forEach (الجزء الرابع )

    27
  • الكائنات Objects

  • مقدمة الكائنات Intro to object in Javasciript

    28

  • التعامل بين الكائنات communication

    29
  • السلاسل النصية Strings

  • السلاسل النصية Strings (الجزء الاول )

    30

  • السلاسل النصية Strings (الجزء الثاني )

    31

  • السلاسل النصية Strings (الجزء الثالث )

    32

  • السلاسل النصية Strings (الجزء الرابع )

    33

  • السلاسل النصية Strings (الجزء الخامس )

    34

  • السلاسل النصية Strings (الجزء السادس )

    35

  • السلاسل النصية Strings (الجزء السابع )

    36

  • السلاسل النصية Strings (الجزء الثامن )

    37
  • القسم الخامس الحلقات التكرارية Loops

  • الحلقات التكرارية باستخدام For loop (الجزء الاول)

    38

  • الحلقات التكرارية باستخدام For loop (الجزء الثاني)

    39

  • الحلقات التكرارية باستخدام For loop (الجزء الثالث )

    40

  • الحلقات التكرارية مع المصفوفات ForEach (الجزء الاول )

    41

  • الحلقات التكرارية مع المصفوفات ForEach (الجزء الثاني )

    42

  • الحلقات التكرارية المنطقية Do, While

    43

  • الحلقات التكرارية مع البيانات For In (الجزء الاول )

    44

  • الحلقات التكرارية مع البيانات For In (الجزء الثاني )

    45

  • الحلقات التكرارية مع الكائنات For of

    46
  • القسم السادس التحكم في واجهة المستخدم DOM

  • الوصول إلى عناصر واجهة المستخدم Accessing DOM

    47

  • التحكم في عناصر واجهة المستخدم Manipulating DOM

    48

  • تطبيق عملي WorkShop

    49

  • تطبيق عملي 2 WorkShop

    50
  • المستوي السابع متصفح وصفحة الويب BOM

  • التحكم في صفحة الويب Window

    51

  • تطبيق عملي على التحكم في صفحة الويب Scroll Example

    52
  • المستوي الثامن الأحداث Events

  • تنفيد وظائف عند التفاعل بالضغط على عناصر الصفحة Clicks

    53

  • التغير وتنفيذ الأحداث في الصفحة Behavior

    54

  • تنفيذ الوظائف عند تغير بيانات لعناصر التفاعل في صفحة HTML Changes

    55

  • التغير في ادوات اختيار البيانات Select Change

    56

  • التفاعل مع نماذج إدخال البيانات Forms

    57
  • المستوي التاسع هيكلية قواعد البيانات والاتصال مع خوادم الويب JSON & Apis

  • لغة قواعد البيانات JSON

    58

  • تنفيذ اتصالات مع خوادم وأجهزة أخرى لإرسال وعرض البياتات Apis ( الجزء الاول )

    59

  • تنفيذ اتصالات مع خوادم وأجهزة أخرى لإرسال وعرض البياتات Apis ( الجزء الثاني )

    60

  • Exercise

    61

اختبارات ناجحة

للإعادة

معلقة

لمشاهدة نبذة عن محتوى الدرس الحلقات التكرارية مع البيانات For In (الجزء الاول )
   حلقة `for...in` في JavaScript: كيفية استخدامها لتكرار خصائص الكائنات حلقة `for...in` هي من هياكل التحكم في JavaScript التي تُستخدم لتكرار خصائص الكائنات. سنقوم في هذا الشرح بشرح كيفية استخدامها بالتفصيل مع أمثلة عملية. كيف تعمل حلقة `for...in`؟ عند استخدام حلقة `for...in`، يتم تكرار الخصائص القابلة للتمرير (enumerable) في كائن معين. يتم تنفيذ الكود داخل الحلقة مرة لكل خصية من الخصائص.  مثال عملي على استخدام حلقة `for...in` فلنفترض أن لدينا كائن `students` يحتوي على معلومات الطلاب، ونريد بناء قائمة HTML تعرض هذه المعلومات: var students = [ { name: "Ahmed", grade: "40", gradePercentage: "50", status: "passed" }, { name: "Mohammed", grade: "30", gradePercentage: "37.5", status: "N/P" }, { name: "Basel",…
لمشاهدة نبذة عن محتوى الدرس الحلقات التكرارية مع البيانات For In (الجزء الاول )
   حلقة `for...in` في JavaScript: كيفية استخدامها لتكرار خصائص الكائنات حلقة `for...in` هي من هياكل التحكم في JavaScript التي تُستخدم لتكرار خصائص الكائنات. سنقوم في هذا الشرح بشرح كيفية استخدامها بالتفصيل مع أمثلة عملية. كيف تعمل حلقة `for...in`؟ عند استخدام حلقة `for...in`، يتم تكرار الخصائص القابلة للتمرير (enumerable) في كائن معين. يتم تنفيذ الكود داخل الحلقة مرة لكل خصية من الخصائص.  مثال عملي على استخدام حلقة `for...in` فلنفترض أن لدينا كائن `students` يحتوي على معلومات الطلاب، ونريد بناء قائمة HTML تعرض هذه المعلومات: var students = [ { name: "Ahmed", grade: "40", gradePercentage: "50", status: "passed" }, { name: "Mohammed", grade: "30", gradePercentage: "37.5", status: "N/P" }, { name: "Basel",…
has been added to the cart. View Cart