JavaScript Fetch API & AJAX - Practice Questions 2026

أهلا بك عزيزي المتابع لموقع (journey for learn) نقدم دورات بكوبونات متاحة لاول 1000 تسجيل مجاني فقط وكوبونات اخري لفترة محدودة فاذا كنت تريد ان تحصل علي كل الكورسات علي موقعنا وان تكون اول المسجلين في الكورسات المجانية قم بتسجيل الدخول أوقم بالدخول علي وسائل التواصل الاجتماعي وخصوصا التليجرام نوضح الوصف المختصر والطويل للدورات لكي تعرف الدروس التي سوف تتعلمها بسهولة ويسر :

يعد إتقان جافا سكريبت غير المتزامن علامة فارقة لأي مطور ويب حديث. تم تصميم هذه الدورة التدريبية، JavaScript Fetch API & AJAX - أسئلة الممارسة، خصيصًا لسد الفجوة بين المعرفة النظرية والتطبيق العملي. سواء كنت تستعد لإجراء مقابلات فنية أو تهدف إلى ترسيخ فهمك لكيفية تدفق البيانات بين العميل والخادم، فإن هذه الاختبارات التدريبية توفر التدريب الصارم اللازم لتحقيق النجاح. لماذا يختار المتعلمون الجادون هذه الاختبارات التدريبية في المشهد سريع التطور لتطوير الويب، فإن مجرد مشاهدة البرامج التعليمية لا يكفي. يختار المتعلمون الجادون هذه الاختبارات التدريبية لأنها توفر بيئة محاكاة تعكس تحديات البرمجة في العالم الحقيقي. بنك الأسئلة الخاص بنا لا يتعلق فقط بالحفظ؛ يتعلق الأمر بالمنطق ودقة بناء الجملة وفهم دورة حياة الطلب غير المتزامن. من خلال المشاركة في هذه الاختبارات، يمكنك تحديد الفجوات المعرفية لديك مبكرًا وإتقان الفروق الدقيقة بين الوعود ومعالجة الأخطاء ورؤوس الطلبات. هيكل الدورة يتم تنظيم هذه الدورة إلى مستويات منطقية لضمان منحنى تعليمي سلس، مما ينقلك من الأساسيات إلى عملية صنع القرار على المستوى المعماري.

• الأساسيات / الأسس: يركز هذا القسم على تاريخ JavaScript غير المتزامن وبناء الجملة الأساسي لـ XMLHTTPRequest (AJAX). سوف تجيب على الأسئلة المتعلقة بخاصية ReadyState، ورموز الحالة الأساسية، وسبب تقديم Fetch API كبديل حديث.
• المفاهيم الأساسية: هنا، نتعمق في بناء جملة Fetch API. سيتم اختبارك على كيفية إنشاء طلبات GET بسيطة، وفهم مزيج النص، وكيفية التعامل مع استجابات JSON الأساسية.
• المفاهيم المتوسطة: تغطي هذه الوحدة تكوين كائنات الطلب، بما في ذلك طلبات POST، وتعيين الرؤوس المخصصة، واستخدام الوضع وخصائص بيانات الاعتماد.
• المفاهيم المتقدمة: تحدى نفسك بموضوعات معقدة مثل AbortController لإلغاء الطلبات، ومعالجة المهلات، وتنفيذ كتلةfinal()، وتسلسل متعدد العمليات غير المتزامنة باستخدام غير المتزامن/الانتظار.
• سيناريوهات العالم الحقيقي: تضعك هذه الأسئلة في مكان المطور. ستحل المشكلات المتعلقة بأخطاء CORS (مشاركة الموارد عبر الأصل)، ورموز المصادقة، والتعامل مع حالات فشل الشبكة المتقطعة.
• مراجعة مختلطة / اختبار نهائي: اختبار تراكمي شامل يتم سحبه من جميع الأقسام السابقة. تم تصميم هذه البيئة الموقوتة لاختبار احتفاظك وسرعتك تحت الضغط.

نموذج لأسئلة التدريب السؤال 1 أي مما يلي صحيح فيما يتعلق بسلوك وعد fetch() عندما يستجيب الخادم برمز حالة HTTP 404 أو 500؟

يتم رفض الوعد فورًا مع وجود خطأ في الشبكة.

يتم حل الوعد بشكل طبيعي، ولكن خاصية ok لكائن الاستجابة ستكون خاطئة.

يظل الوعد في حالة معلقة حتى تنتهي المهلة.

يؤدي الوعد إلى ظهور خطأ SyntaxError.

تعيد طريقة fetch() محاولة الطلب تلقائيًا.

الإجابة الصحيحة: الخيار 2شرح الإجابة الصحيحة: على عكس العديد من المكتبات القديمة، لا يرفض وعد Fetch API الأصلي إلا في حالة فشل الشبكة أو إذا كان هناك أي شيء يمنع الطلب من الاكتمال (مثل خطأ DNS). لا تزال أخطاء HTTP مثل 404 (لم يتم العثور عليه) أو 500 (خطأ داخلي في الخادم) بمثابة "استجابات" ناجحة من منظور الشبكة. لذلك، تم حل الوعد، ويجب عليك التحقق من خاصية Response.ok أو Response.status للتعامل مع هذه الحالات. شرح الإجابات الخاطئة:

• الخيار 1: خطأ لأن 404 هي استجابة HTTP صالحة من الخادم؛ يحدث الرفض فقط في حالة فشل الشبكة بالكامل.
• الخيار 3: خطأ لأن الحالة تتغير إلى أن يتم حلها بمجرد تلقي الرؤوس.
• الخيار 4: خطأ لأن خطأ SyntaxError يحدث عادةً أثناء تحليل JSON (على سبيل المثال، Response.json())، وليس أثناء طلب الجلب الأولي.
• الخيار 5: خطأ لأن fetch() لا يحتوي على منطق إعادة المحاولة المدمج؛ يجب تنفيذ ذلك يدويًا بواسطة المطور.

السؤال 2 عند استخدام Fetch API لإرسال بيانات JSON إلى خادم عبر طلب POST، ما هو الرأس الضروري تمامًا لضمان قيام الخادم بتوزيع النص بشكل صحيح؟

قبول: text/html

طول المحتوى: 0

نوع المحتوى: application/json

التفويض: حامل الرمز المميز

الاتصال: البقاء على قيد الحياة

الإجابة الصحيحة: الخيار 3 الإجابة الصحيحة الشرح: يخبر رأس نوع المحتوى الخادم بنوع الوسائط للبيانات الفعلية التي يتم إرسالها. إذا قمت بإرسال سلسلة JSON في النص ولكن لم تقم بتعيين نوع المحتوى: application/json، فستفشل العديد من أطر العمل من جانب الخادم في تحليل النص، مما يؤدي غالبًا إلى كائن طلب فارغ على الخادم. شرح الإجابات الخاطئة:

• الخيار 1: خطأ لأن القبول يخبر الخادم بما يريده العميل، وليس ما يرسله حاليًا.
• الخيار 2: خطأ لأن طول المحتوى يتم حسابه تلقائيًا بواسطة المتصفح؛ سيؤدي تعيينه إلى 0 إلى الإشارة إلى نص فارغ.
• الخيار 4: خطأ لأنه على الرغم من أن التفويض مهم للأمان، إلا أنه لا يحدد كيفية تحليل نص الرسالة.
• الخيار 5: خطأ لأن الاتصال هو رأس خطوة تلو الأخرى يدير استمرار اتصال الشبكة، ولا علاقة له بتنسيق البيانات.

مرحبًا بك في اختبارات أفضل الممارسات لمساعدتك في الاستعداد لـ JavaScript Fetch API & AJAX.

• يمكنك إعادة إجراء الاختبارات عدة مرات كما تريد.
• هذا بنك أسئلة أصلي ضخم.
• يمكنك الحصول على الدعم من المدرسين إذا كانت لديك أسئلة.
• يحتوي كل سؤال على شرح تفصيلي.
• متوافق مع الهاتف المحمول مع تطبيق Udemy.
• ضمان استرداد الأموال لمدة 30 يومًا إذا لم تكن راضيًا.

نأمل أن تكون قد فعلت ذلك الآن مقتنع! هناك الكثير من الأسئلة داخل الدورة لمساعدتك على إتقان طلبات الويب غير المتزامنة.

ما هي المتطلبات الأساسية لدخول الدورة والتسجيل فيها على موقعنا؟ رحلة التعلم:

(احصل على الدورة للدخول إلى الموقع والتسجيل)

يجب أن يكون لديك بريد إلكتروني (حساب بريد) تتذكره لنفسك وأيضًا يجب أن تتذكر كلمة مرور البريد الإلكتروني الذي ستسجل به ، وإذا لم يكن لديك حساب بريد إلكتروني ، فمن الأفضل إنشاء حساب (Gmail)