شبيبة تعليمي

شبيبة المنزل مقدمة شبيبة شبيبة إلى أين إخراج JS بيانات شبيبة بناء جملة JS تعليقات JS متغيرات JS JS Let شبيبة كونست مشغلي JS شبيبة الحساب احالة JS أنواع بيانات JS وظائف JS كائنات JS أحداث شبيبة سلاسل شبيبة طرق سلسلة JS بحث سلسلة JS JS String Templates أرقام شبيبة طرق عدد JS صفيفات JS طرق صفيف JS ترتيب صفيف JS تكرار صفيف JS JS Array Const تواريخ شبيبة تنسيقات التاريخ JS طرق الحصول على تاريخ JS طرق تعيين تاريخ JS شبيبة الرياضيات شبيبة عشوائية شبيبة منطقية مقارنات شبيبة شروط JS مفتاح JS JS Loop For JS Loop For In. شبيبة حلقة JS لـ Of شبيبة حلقة بينما شبيبة استراحة شبيبة تكرارات مجموعات JS خرائط شبيبة شبيبة تايبوف JS نوع التحويل شبيبة Bitwise JS RegExp أخطاء JS شبيبة النطاق رفع JS وضع JS الصارم شبيبة هذه الكلمة دالة سهم JS فئات JS شبيبة شبيبة تصحيح أخطاء JS دليل أسلوب JS أفضل ممارسات JS أخطاء JS أداء JS شبيبة الكلمات المحجوزة

إصدارات JS

إصدارات JS JS 2009 (ES5) شبيبة 2015 (ES6) شبيبة 2016 شبيبة 2017 شبيبة 2018 شبيبة آي إي / إيدج تاريخ شبيبة

كائنات JS

تعريفات الكائن خصائص الموضوع طرق الكائن عرض الكائن موصلي الكائنات منشئو الكائنات نماذج الكائن كائن تكرارات مجموعات الكائن خرائط الكائن مرجع الكائن

وظائف JS

تعريفات الوظائف معلمات الوظيفة استدعاء الوظيفة استدعاء الوظيفة تطبيق الوظيفة عمليات إغلاق الوظائف

فئات JS

مقدمة عن الفصل الوراثة الطبقية فئة ثابتة

شبيبة آسينك

عمليات الاسترجاعات JS شبيبة غير متزامن وعود شبيبة شبيبة Async / انتظار

JS HTML DOM

مقدمة DOM طرق DOM مستند DOM عناصر DOM DOM HTML نماذج DOM DOM CSS الرسوم المتحركة DOM أحداث DOM مستمع أحداث DOM التنقل في DOM عقد DOM مجموعات DOM قوائم عقدة DOM

متصفح JS BOM

نافذة JS شاشة JS موقع JS تاريخ شبيبة شبيبة ملاح تنبيه منبثق لـ JS توقيت شبيبة ملفات تعريف الارتباط JS

JS Web APIs

مقدمة واجهة برمجة تطبيقات الويب واجهة برمجة تطبيقات نماذج الويب واجهة برمجة تطبيقات سجل الويب واجهة برمجة تطبيقات تخزين الويب Web Worker API واجهة برمجة تطبيقات جلب الويب واجهة برمجة تطبيقات تحديد الموقع الجغرافي على الويب

شبيبة أجاكس

مقدمة أجاكس أجاكس XMLHttp طلب AJAX استجابة AJAX ملف AJAX XML أجاكس بي إتش بي أجاكس آسيا والمحيط الهادئ قاعدة بيانات أجاكس تطبيقات أجاكس أمثلة AJAX

شبيبة شبيبة

مقدمة JSON بناء جملة JSON JSON مقابل XML أنواع بيانات JSON تحليل JSON تنسيق JSON كائنات JSON صفائف JSON خادم JSON JSON PHP JSON HTML جسون جسونب

JS مقابل jQuery

محددات jQuery jQuery HTML jQuery CSS jQuery DOM

شبيبة الرسومات

شبيبة الرسومات قماش شبيبة شبيبة بلوتلي JS Chart.js مخطط جوجل JS شبيبة D3.js

أمثلة JS

أمثلة JS JS HTML DOM إدخال JS HTML كائنات JS HTML أحداث HTML متصفح JS محرر JS تمارين شبيبة شبيبة مسابقة شهادة JS

مراجع JS

كائنات جافا سكريبت كائنات HTML DOM


بناء جملة JavaScript

بناء جملة JavaScript هو مجموعة القواعد ، كيف يتم إنشاء برامج JavaScript:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

قيم جافا سكريبت

تحدد صيغة JavaScript نوعين من القيم:

  • قيم ثابتة
  • قيم متغيرة

القيم الثابتة تسمى Literals .

تسمى القيم المتغيرة المتغيرات .


JavaScript Literals

أهم قاعدتين لبناء الجملة للقيم الثابتة هما:

1. الأرقام مكتوبة مع الكسور العشرية أو بدونها:

10.50

1001

2. السلاسل عبارة عن نص مكتوب بين علامتي اقتباس مزدوجتين أو مفردة:

"John Doe"

'John Doe'


متغيرات جافا سكريبت

في لغة البرمجة ، يتم استخدام المتغيرات لتخزين قيم البيانات.

يستخدم JavaScript الكلمات الأساسية var، ولإعلان المتغيرات .letconst

تستخدم علامة التساوي لتعيين قيم للمتغيرات.

في هذا المثال ، يتم تعريف x على أنه متغير. بعد ذلك ، يتم تعيين (إعطاء) القيمة 6 إلى x:

let x;
x = 6;

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

يستخدم JavaScript عوامل حسابية ( + - * /) لحساب القيم:

(5 + 6) * 10

يستخدم JavaScript عامل الإسناد ( =) لتعيين قيم للمتغيرات:

let x, y;
x = 5;
y = 6;

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

التعبير هو مجموعة من القيم والمتغيرات والعوامل التي تحسب قيمة.

يسمى الحساب التقييم.

على سبيل المثال ، يتم تقييم 5 * 10 إلى 50:

5 * 10

يمكن أن تحتوي التعبيرات أيضًا على قيم متغيرة:

x * 10

يمكن أن تكون القيم من أنواع مختلفة ، مثل الأرقام والسلاسل.

على سبيل المثال ، يتم تقييم "John" + "" + "Doe" إلى "John Doe":

"John" + " " + "Doe"

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

تُستخدم الكلمات الأساسية لجافا سكريبت لتحديد الإجراءات المطلوب تنفيذها.

letتخبر الكلمة الرئيسية المتصفح بإنشاء متغيرات :

let x, y;
x = 5 + 6;
y = x * 10;

varتخبر الكلمة الرئيسية المتصفح أيضًا بإنشاء متغيرات :

var x, y;
x = 5 + 6;
y = x * 10;

في هذه الأمثلة ، باستخدام var أو letسيؤدي إلى نفس النتيجة.

سوف تتعلم المزيد عنه var لاحقًا letفي هذا البرنامج التعليمي.


تعليقات JavaScript

لم يتم "تنفيذ" كافة عبارات JavaScript.

رمز بعد الشرطتين المائلتين //أو بينهما /*ويتم */التعامل معه كتعليق .

يتم تجاهل التعليقات ولن يتم تنفيذها:

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

سوف تتعلم المزيد عن التعليقات في فصل لاحق.


معرّفات / أسماء JavaScript

المعرفات هي أسماء JavaScript.

تُستخدم المعرفات لتسمية المتغيرات والكلمات الأساسية والوظائف.

قواعد الأسماء القانونية هي نفسها في معظم لغات البرمجة.

يجب أن يبدأ اسم JavaScript بـ:

  • حرف (من الألف إلى الياء أو من الألف إلى الياء)
  • علامة الدولار ($)
  • أو تسطير أسفل السطر (_)

قد تكون الأحرف اللاحقة أحرفًا أو أرقامًا أو شرطات سفلية أو علامات دولار.

ملحوظة

غير مسموح باستخدام الأرقام كأول حرف في الأسماء.

بهذه الطريقة يمكن لـ JavaScript التمييز بسهولة بين المعرفات والأرقام.


جافا سكريبت حساسة لحالة الأحرف

جميع معرفات JavaScript حساسة لحالة الأحرف

المتغيرات lastNameوهما lastnameمتغيران مختلفان:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

لا يفسر JavaScript LET أو Let مثل الكلمة الأساسية let .


JavaScript و Camel Case

تاريخيًا ، استخدم المبرمجون طرقًا مختلفة لضم عدة كلمات في اسم متغير واحد:

الواصلات:

الاسم الأول ، الاسم الأخير ، البطاقة الرئيسية ، بين المدن.

غير مسموح باستخدام الواصلات في JavaScript. وهي محجوزة للطرح.

التأكيد:

الاسم الأول ، الاسم الأخير ، البطاقة الرئيسية ، بين المدن.

علبة الجمل العلوية (حقيبة باسكال):

الاسم الأول ، اسم العائلة ، MasterCard ، InterCity.

حالة الجمل السفلي:

يميل مبرمجو JavaScript إلى استخدام حالة الجمل التي تبدأ بحرف صغير:

الاسم الأول ، اسم العائلة ، ماستر كارد ، إنتر سيتي.


مجموعة أحرف جافا سكريبت

يستخدم JavaScript مجموعة أحرف Unicode .

يغطي Unicode (تقريبًا) جميع الأحرف وعلامات الترقيم والرموز في العالم.

لإلقاء نظرة فاحصة ، يرجى دراسة مرجع Unicode الكامل الخاص بنا .