مساحة العمل

JavaScript

تطبيقات الويب والأتمتة وربط الواجهات

العربية

التعريف أولا

ما هي JavaScript

JavaScript لغة لكتابة تعليمات دقيقة، وتستخدم غالبا في تطبيقات الويب والأتمتة وربط الواجهات. لا تبدأ بحفظ المصطلحات. ابدأ بفكرة واحدة: مدخلات تمر بخطوات ثم تصبح مخرجات.

أقل معلومات للتشغيلالملف app.jsالتشغيل node app.jsالعادة افحص القيم عبر console.log وأدوات المطور قبل التجريد
البرنامج

مجموعة مرتبة من التعليمات. يقرأ المدخلات ويتبع القواعد وينتج المخرجات.

القيمة والمتغير

القيمة هي البيانات. المتغير هو اسم تستخدمه لحفظ البيانات وإعادة استخدامها.

الدالة

عمل صغير له اسم. يأخذ مدخلات وينفذ مهمة ويمكن أن يرجع نتيجة.

بيئة التشغيل

وحدة تحكم المتصفح أو Node.js هي البيئة التي تشغل كود app.js.

أول كود قابل للقراءة

القيم والمتغيرات

القيم والمتغيرات والنصوص والأرقام والقوائم والكائنات
const score = 40 + 2;
console.log(score);
الناتج 42

نسب اللغة

شجرة JavaScript

اعرف من أين جاءت JavaScript وما اللغات القريبة وما الخطوة التالية.

الجذور
CJavaSchemeSelf
الحاليةJavaScriptعائلة لغات الويب والواجهات
العائلةعائلة لغات الويب والواجهات
أفضل استخدام

يستخدم في تطبيقات الويب والأتمتة وربط الواجهات

من الصفر

1اقرأ قاعدة واحدة2توقع الناتج3اكتب من الذاكرة4شغل الفحص5كرر مع تغيير واحد

بنك الأسئلة

ابحث ثم تدرب

اختر مرحلة أو ابحث داخل بنك التدريب الحالي ثم افتح السؤال مباشرة.

18 سؤال مطابق
س 1اختيارالمرحلة 1 التعريفات

JavaScript السؤال 1

JavaScript السؤال 1. اختر الوصف الأقرب إلى المتغير الثابت

س 2اختيارالمرحلة 1 التعريفات

JavaScript السؤال 2

JavaScript السؤال 2. اختر الوصف الأقرب إلى إرجاع الدالة

س 3اختيارالمرحلة 1 التعريفات

JavaScript السؤال 3

JavaScript السؤال 3. اختر الوصف الأقرب إلى تحويل المصفوفة

س 4اختيارالمرحلة 1 التعريفات

JavaScript السؤال 4

JavaScript السؤال 4. اختر الوصف الأقرب إلى async await

س 5اختيارالمرحلة 1 التعريفات

JavaScript السؤال 5

JavaScript السؤال 5. اختر الوصف الأقرب إلى المتغير الثابت

س 6اختيارالمرحلة 1 التعريفات

JavaScript السؤال 6

JavaScript السؤال 6. اختر الوصف الأقرب إلى إرجاع الدالة

س 7اختيارالمرحلة 1 التعريفات

JavaScript السؤال 7

JavaScript السؤال 7. اختر الوصف الأقرب إلى تحويل المصفوفة

س 8اختيارالمرحلة 1 التعريفات

JavaScript السؤال 8

JavaScript السؤال 8. اختر الوصف الأقرب إلى async await

س 9اختيارالمرحلة 1 التعريفات

JavaScript السؤال 9

JavaScript السؤال 9. اختر الوصف الأقرب إلى المتغير الثابت

س 10اختيارالمرحلة 1 التعريفات

JavaScript السؤال 10

JavaScript السؤال 10. اختر الوصف الأقرب إلى إرجاع الدالة

س 11اختيارالمرحلة 1 التعريفات

JavaScript السؤال 11

JavaScript السؤال 11. اختر الوصف الأقرب إلى تحويل المصفوفة

س 12اختيارالمرحلة 1 التعريفات

JavaScript السؤال 12

JavaScript السؤال 12. اختر الوصف الأقرب إلى async await

س 13اختيارالمرحلة 1 التعريفات

JavaScript السؤال 13

JavaScript السؤال 13. اختر الوصف الأقرب إلى المتغير الثابت

س 14اختيارالمرحلة 1 التعريفات

JavaScript السؤال 14

JavaScript السؤال 14. اختر الوصف الأقرب إلى إرجاع الدالة

س 15اختيارالمرحلة 1 التعريفات

JavaScript السؤال 15

JavaScript السؤال 15. اختر الوصف الأقرب إلى تحويل المصفوفة

س 16اختيارالمرحلة 1 التعريفات

JavaScript السؤال 16

JavaScript السؤال 16. اختر الوصف الأقرب إلى async await

س 17اختيارالمرحلة 1 التعريفات

JavaScript السؤال 17

JavaScript السؤال 17. اختر الوصف الأقرب إلى المتغير الثابت

س 18اختيارالمرحلة 1 التعريفات

JavaScript السؤال 18

JavaScript السؤال 18. اختر الوصف الأقرب إلى إرجاع الدالة

اختيار من متعدد

JavaScript السؤال 1

س 1اختيارجديد

JavaScript السؤال 1. اختر الوصف الأقرب إلى المتغير الثابت

const total = 42;
console.log(total);

مرجع

أنماط app.js

وحدة تحكم المتصفح أو Node.jsnode app.js
استدعاء من الذاكرةاقرأ فكرة صغيرة ثم أغلقها واكتبها من الذاكرة
تتبع الكودقبل التشغيل اكتب كيف تتغير المتغيرات سطرا بسطر
اكتبه بنفسكقلل النسخ وأصلح خطأ صغيرا كل مرة

القيم والمتغيرات والنصوص والأرقام والقوائم والكائنات

القيم والمتغيرات

const score = 40 + 2;
console.log(score);
  • ابدأ ب const
  • استخدم let فقط عندما تتغير القيمة
  • افحص القيم باستخدام console.log

مدخلات مخرجات return وأفعال قابلة لإعادة الاستخدام

الدوال

function add(a, b) {
  return a + b;
}
console.log(add(2, 3));
  • سم الدوال بأفعال واضحة
  • ارجع القيم بدل الطباعة داخل كل دالة
  • اجعل كل دالة مركزة على مهمة واحدة

fetch و Promise و await ومعالجة الأخطاء

واجهات غير متزامنة

async function load() {
  return await Promise.resolve("ready");
}
load().then(console.log);
  • افحص أخطاء الشبكة
  • انتظر Promise قبل قراءة البيانات
  • افصل تحليل API عن باقي الكود