بنك الأسئلة
أسئلة تطوير الويب بإجاباتها
232 سؤال في تطوير الويب، مع الإجابة والشرح.
-
CSS
ما هو المحدد (Selector) في CSS؟
اقرأ الإجابة ←: ما هو المحدد (Selector) في CSS؟المحدد Selector في CSS هو الجزء الذي يختار العناصر التي سيُطبَّق عليها التنسيق: باسم الوسم أو الكلاس أو المعرّف. الفرق بين Selector…
-
CSS
ما إطار CSS الذي يحذف الكلاسات غير المستخدمة ليصغر حجم الملف؟ (Tailwind)
اقرأ الإجابة ←: ما إطار CSS الذي يحذف الكلاسات غير المستخدمة ليصغر حجم الملف؟ (Tailwind)Tailwind CSS إطار يعتمد على كلاسات صغيرة جاهزة، ويحذف عند البناء كل ما لم تستخدمه، فيبقى ملف CSS صغيرًا. مقارنة مع Bootstrap.
-
CSS
ما هو Data Grid في تطبيقات الويب؟
اقرأ الإجابة ←: ما هو Data Grid في تطبيقات الويب؟الـ Data Grid مكوّن لعرض البيانات في جدول متقدم: فرز وتصفية وبحث وتقسيم صفحات وتعديل مباشر. الفرق بينه وبين جدول HTML عادي.
-
CSS
ما هي دالة الـ Callback في JavaScript؟
اقرأ الإجابة ←: ما هي دالة الـ Callback في JavaScript؟الـ Callback دالة تُمرَّر إلى دالة أخرى لتُنفَّذ بعد انتهاء عملها، مثل بعد جلب البيانات. مثال بـ setTimeout ومشكلة Callback Hell.
-
CSS
كيف أرسم شكل نجمة بـ CSS؟ (clip-path)
اقرأ الإجابة ←: كيف أرسم شكل نجمة بـ CSS؟ (clip-path)الخاصية clip-path مع polygon() تقص العنصر إلى أي شكل، مثل نجمة خماسية. مثال كامل، وأشكال أخرى مثل الدائرة والمثلث.
-
CSS
كيف أجلب بيانات من الخادم دون تجميد تطبيق JavaScript؟ (Promises)
اقرأ الإجابة ←: كيف أجلب بيانات من الخادم دون تجميد تطبيق JavaScript؟ (Promises)لجلب البيانات دون إيقاف التطبيق نستخدم Promises، مثل fetch() مع then أو async/await. مثال كامل مع معالجة الأخطاء.
-
CSS
ماذا يعني $_POST[‘username’] ?? ‘guest’ في PHP؟
اقرأ الإجابة ←: ماذا يعني $_POST[‘username’] ?? ‘guest’ في PHP؟السطر $_POST[‘username’] ?? ‘guest’ يأخذ اسم المستخدم من النموذج، وإذا لم يُرسل يضع ‘guest’ كقيمة افتراضية. شرح العامل ?? بمثال.
-
CSS
كيف أكرر نصًا عدة مرات في JavaScript؟ (repeat)
اقرأ الإجابة ←: كيف أكرر نصًا عدة مرات في JavaScript؟ (repeat)الدالة repeat() في JavaScript تكرر النص عددًا محددًا من المرات: “ABC”.repeat(3) تعطي “ABCABCABC”. أمثلة واستخدامات عملية.
-
CSS
ماذا يعني وسم meta charset=”UTF-8″؟
اقرأ الإجابة ←: ماذا يعني وسم meta charset=”UTF-8″؟meta charset=”UTF-8″ يخبر المتصفح أن محارف الصفحة بترميز UTF-8، الذي يدعم العربية وكل اللغات. لماذا يجب أن يكون أول وسم في head.
-
CSS
ما فائدة وسم meta copyright؟
اقرأ الإجابة ←: ما فائدة وسم meta copyright؟وسم meta copyright يضيف معلومات حقوق النشر للصفحة. تأثيره على محركات البحث محدود، والأهم كتابة الحقوق بشكل ظاهر للزائر.
-
CSS
كيف أضيف طبقة داكنة فوق صورة أو قسم في CSS؟
اقرأ الإجابة ←: كيف أضيف طبقة داكنة فوق صورة أو قسم في CSS؟لإضافة طبقة لونية داكنة (Overlay) فوق قسم: position: relative للأب، و::before مطلق يغطيه بلون rgba شفاف. مثال كامل.
-
CSS
ماذا يعني a:hover في CSS؟
اقرأ الإجابة ←: ماذا يعني a:hover في CSS؟a:hover في CSS يغير تنسيق الرابط عندما يمرر الزائر المؤشر فوقه. أمثلة، والفرق بين :hover و:focus و:active.
-
CSS
ما فائدة وسم meta viewport؟
اقرأ الإجابة ←: ما فائدة وسم meta viewport؟وسم meta viewport يجعل الصفحة تتناسب مع عرض شاشة الجوال بدل أن تظهر مصغّرة. شرح width=device-width وinitial-scale=1.
-
CSS
ما فائدة وسم meta description؟
اقرأ الإجابة ←: ما فائدة وسم meta description؟وسم meta description يضيف وصفًا مختصرًا للصفحة، قد يظهر تحت العنوان في نتائج Google ويؤثر على النقر. كيف تكتب وصفًا جيدًا.
-
CSS
ما الغرض من وسوم meta في HTML؟
اقرأ الإجابة ←: ما الغرض من وسوم meta في HTML؟وسوم meta تضيف معلومات عن الصفحة للمتصفحات ومحركات البحث ووسائل التواصل، مثل الترميز والوصف وإعداد الجوال. أهم الوسوم مع أمثلة.
اختبار سريع
هل أنت مستعد لاختبار معلوماتك؟
5 أسئلة عشوائيةشرح لكل إجابةخطوة تالية مقترحة في النهاية