شبيبة تعليمي

شبيبة المنزل مقدمة شبيبة شبيبة إلى أين إخراج 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


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


مثال

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      // Statement 4

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

برنامج الكمبيوتر هو قائمة "تعليمات" ليتم "تنفيذها" بواسطة جهاز كمبيوتر.

في لغة البرمجة ، تسمى تعليمات البرمجة هذه العبارات .

برنامج JavaScript هو قائمة ببيانات البرمجة .

في HTML ، يتم تنفيذ برامج JavaScript بواسطة مستعرض الويب.


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

تتكون عبارات JavaScript من:

القيم والمعاملات والتعبيرات والكلمات الأساسية والتعليقات.

هذا البيان يخبر المتصفح بكتابة "Hello Dolly". داخل عنصر HTML بالمعرف = "demo":

مثال

document.getElementById("demo").innerHTML = "Hello Dolly.";

تحتوي معظم برامج JavaScript على العديد من عبارات JavaScript.

يتم تنفيذ البيانات ، واحدة تلو الأخرى ، بنفس ترتيب كتابتها.

غالبًا ما تسمى برامج JavaScript (وعبارات JavaScript) كود JavaScript.


فاصلة منقوطة.

تفصل الفاصلة المنقوطة عبارات JavaScript.

أضف فاصلة منقوطة في نهاية كل عبارة قابلة للتنفيذ:

أمثلة

let a, b, c;  // Declare 3 variables
a = 5;        // Assign the value 5 to a
b = 6;        // Assign the value 6 to b
c = a + b;    // Assign the sum of a and b to c

عند الفصل بفاصلة منقوطة ، يُسمح بعبارات متعددة في سطر واحد:

a = 5; b = 6; c = a + b;

على الويب ، قد ترى أمثلة بدون فواصل منقوطة.
عبارات النهاية بالفاصلة المنقوطة غير مطلوبة ، ولكن يوصى بها بشدة.



مساحة بيضاء جافا سكريبت

JavaScript يتجاهل مسافات متعددة. يمكنك إضافة مسافة بيضاء إلى النص الخاص بك لجعله أكثر قابلية للقراءة.

الأسطر التالية متكافئة:

let person = "Hege";
let person="Hege";

من الممارسات الجيدة وضع مسافات حول المشغلين (= + - * /):

let x = y + z;

طول خط JavaScript وفواصل الأسطر

للحصول على أفضل سهولة في القراءة ، يحب المبرمجون غالبًا تجنب أسطر التعليمات البرمجية التي تزيد عن 80 حرفًا.

إذا كانت جملة JavaScript لا تتناسب مع سطر واحد ، فإن أفضل مكان لكسرها هو بعد عامل التشغيل:

مثال

document.getElementById("demo").innerHTML =
"Hello Dolly!";

كتل كود جافا سكريبت

يمكن تجميع عبارات JavaScript معًا في مجموعات تعليمات برمجية ، داخل أقواس معقوفة {...}.

الغرض من كتل التعليمات البرمجية هو تحديد العبارات التي سيتم تنفيذها معًا.

مكان واحد ستجد عبارات مجمعة معًا في كتل ، في وظائف JavaScript:

مثال

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

في هذا البرنامج التعليمي ، نستخدم مسافتين من المسافة البادئة لكتل ​​التعليمات البرمجية.
سوف تتعلم المزيد عن الوظائف لاحقًا في هذا البرنامج التعليمي.


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

غالبًا ما تبدأ عبارات JavaScript بكلمة رئيسية لتحديد إجراء JavaScript المطلوب تنفيذه.

يسرد مرجع الكلمات المحجوزة لدينا جميع كلمات JavaScript الأساسية.

فيما يلي قائمة ببعض الكلمات الرئيسية التي ستتعلم عنها في هذا البرنامج التعليمي:

الكلمة الرئيسية وصف
var يعلن متغير
let يعلن متغير كتلة
const يعلن ثابت كتلة
if وضع علامة على كتلة من العبارات ليتم تنفيذها بشرط
switch وضع علامة على كتلة من البيانات ليتم تنفيذها في حالات مختلفة
for وضع علامة على كتلة من العبارات ليتم تنفيذها في حلقة
function تعلن وظيفة
return يخرج من وظيفة
try تنفذ معالجة الأخطاء إلى كتلة من البيانات

كلمات JavaScript الأساسية هي كلمات محجوزة. لا يمكن استخدام الكلمات المحجوزة كأسماء للمتغيرات.