ورشة التعلم

تعلم لغة جافاسكربت 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

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

للإعادة

معلقة

لمشاهدة نبذة عن محتوى الدرس تنفيذ اتصالات مع خوادم وأجهزة أخرى لإرسال وعرض البياتات Apis ( الجزء الاول )
إضافة أعضاء جدد باستخدام JavaScript وAJAX في هذا الدرس، سنتعلم كيفية استخدام نموذج HTML لإضافة أعضاء جدد إلى قاعدة البيانات باستخدام JavaScript وطريقة AJAX. النموذج HTML نبدأ بالنموذج الذي يحتوي على حقول لإضافة بيانات العضو: ```html <form id="add_member" action="/api/add_member" method="POST"> <input type="text" name="memberName" placeholder="اسم العضو" required> <input type="text" name="phone" placeholder="رقم الهاتف" required> <input type="text" name="avatar" placeholder="رابط الصورة"> <textarea name="description" placeholder="وصف العضو"></textarea> <ul id="services"> <li> <input type="text" name="services[]" placeholder="نوع الخدمة"> <span class="remove"> - </span> </li> </ul> <button type="submit">إضافة عضو</button> <p class="error"></p> <p class="message"></p> </form> <button id="add-service">إضافة خدمة</button> ``` #### JavaScript و AJAX نستخدم JavaScript للتفاعل مع النموذج وإرسال البيانات باستخدام AJAX لإضافة العضو إلى قاعدة البيانات. ```javascript var _form = document.getElementById('add_member');…
لمشاهدة نبذة عن محتوى الدرس تنفيذ اتصالات مع خوادم وأجهزة أخرى لإرسال وعرض البياتات Apis ( الجزء الاول )
إضافة أعضاء جدد باستخدام JavaScript وAJAX في هذا الدرس، سنتعلم كيفية استخدام نموذج HTML لإضافة أعضاء جدد إلى قاعدة البيانات باستخدام JavaScript وطريقة AJAX. النموذج HTML نبدأ بالنموذج الذي يحتوي على حقول لإضافة بيانات العضو: ```html <form id="add_member" action="/api/add_member" method="POST"> <input type="text" name="memberName" placeholder="اسم العضو" required> <input type="text" name="phone" placeholder="رقم الهاتف" required> <input type="text" name="avatar" placeholder="رابط الصورة"> <textarea name="description" placeholder="وصف العضو"></textarea> <ul id="services"> <li> <input type="text" name="services[]" placeholder="نوع الخدمة"> <span class="remove"> - </span> </li> </ul> <button type="submit">إضافة عضو</button> <p class="error"></p> <p class="message"></p> </form> <button id="add-service">إضافة خدمة</button> ``` #### JavaScript و AJAX نستخدم JavaScript للتفاعل مع النموذج وإرسال البيانات باستخدام AJAX لإضافة العضو إلى قاعدة البيانات. ```javascript var _form = document.getElementById('add_member');…
has been added to the cart. View Cart