محمد قتيبة شيخانيأبني. أستكشف. أشارك

الوسم: محتوى تقني عربي

  1. غلاف المقال: موجّه بيتٍ وحده على أرضٍ كريميّة، صفيحةٌ رماديّة داكنة منخفضة سطحها العلويّ مضلَّعٌ بشقوق تهوية، وثلاثة هوائيّات قائمة في مؤخّرتها، وصفٌّ من المصابيح الصغيرة في حرفها الأماميّ، والضوء آتٍ من أعلى اليمين. وفي أسفل الغلاف عنوان المقال وسطرٌ تحته، واسم الكاتب وعلامته. أساسيات الإنترنت والشبكات

    الموجِّه (Router): كيف يجد كلّ طردٍ طريقه

    في المقال السابق عن «الشبكة المحلّية» رأيتَ أن كل شبكة محلّية جزيرة، وأن على حافّتها جهازا واحدا يربطها بالعالم. ورأيتَ أن جهازك، حين يريد مخاطبة وجهة خارج الشبكة، يسلّم الطرد إلى عنوان MAC الخاصّ بهذا الجهاز ويترك له أمر الخروج. ذلك الجهاز هو «الموجِّه» (Router)، وهذا المقال يفتحه ليرى ماذا يفعل بالطرد بعد أن يتسلّمه. […]

    14 دقيقة
  2. رسمٌ بخطوطٍ رفيعة لزرٍّ بإطارٍ أحمر مكتوبٍ عليه «أضِف إلى السلّة»، تتفرّع منه ثلاثة مربّعات: في اليمين HTML وتحتها «ما هو العنصر»، وفي الوسط CSS وتحتها «كيف يبدو»، وفي اليسار JavaScript وتحتها «ماذا يفعل»، وتحتها عنوان المقالة «مطوّر الواجهات الأمامية». تطوير الويب

    مطوّر الواجهات الأمامية: من يبني ما تراه وتلمسه من الويب

    زرّ «أضِف إلى السلّة» في أيّ متجرٍ إلكترونيّ يبدو أبسط شيءٍ في الصفحة. تنقره، فيتغيّر لونه لحظة، ويظهر رقمٌ صغيرٌ فوق أيقونة السلّة، وتخبرك رسالةٌ قصيرة أنّ المنتج أُضيف. وفي أقلّ من ثانيةٍ جرت سلسلةٌ كاملة: وسمٌ يعرّف الزرّ للمتصفّح، وقاعدة تنسيقٍ ترسم شكله على كلّ شاشة، وشيفرةٌ تسمع النقرة. وهذه الشيفرة ترسل طلبًا إلى […]

    16 دقيقة
  3. رسمٌ بخطوطٍ داكنة على خلفيّةٍ كريميّة: صندوقٌ في اليمين اسمه «صفحتك» وتحته fetch(url)، وصندوقٌ في اليسار اسمه «خادم الواجهة» وتحته open-meteo.com. بينهما سهمٌ علويّ إلى اليسار عليه «الطلب» وGET /v1/forecast، وسهمٌ سفليّ أحمر إلى اليمين عليه «الردّ» وتحته {"temperature_2m": 26.1}. وتحت الرسم عنوان المقالة «واجهة برمجة التطبيقات» وسطرٌ يقول: كيف تطلب صفحتك البيانات من خادمٍ آخر. تطوير الويب

    واجهة برمجة التطبيقات (API): كيف تطلب صفحتك البيانات من خادمٍ آخر

    صفحتك منشورةٌ الآن على الويب منذ المقال السابق، لكنّها تعرف ما في ملفّاتها فقط. فيها عنوانٌ وقائمة وثلاث بطاقات، وزرٌّ يبدّل الوضع الداكن، وكلّ ذلك كتبته بيدك. لكن جرّب أن تضيف إليها سطرًا يقول كم درجة الحرارة الآن في دمشق. هذا الرقم لا يمكن أن يُكتب في index.html، لأنّه يتغيّر كلّ ربع ساعة، ولأنّك لا […]

    15 دقيقة
  4. رسمٌ بخطوطٍ رفيعة لنتيجتَي بحثٍ في المرتبة الثالثة نفسها لخوذة دراجة نارية: اليمنى بلا بيانات منظّمة، عنوانٌ ورابطٌ ووصف، واليسرى بإطارٍ أحمر تحمل تحتها التقييم 4.6 من 128 والسعر 450 ريالًا وحالة التوفّر، وتحتهما عنوان المقالة. تحسين محركات البحث

    البيانات المنظّمة (Schema): كيف تُفهم جوجل محتواك

    في 7 أيار 2026 كفّت جوجل عن عرض قائمة الأسئلة الشائعة المنسدلة تحت نتائج البحث، وفي حزيران حذفت توثيقها كلّه.[1] وكانت هذه القائمة لسنواتٍ أشهر ما يُنصح به في شروح البيانات المنظّمة، ومنها النسخة الأولى من هذا المقال. فمن أضاف سكيما FAQ إلى مئات الصفحات أملًا في تلك المساحة، يملك اليوم شيفرةً صحيحةً لا يظهر […]

    15 دقيقة
  5. صفحة مدوّنةٍ تجريبيّة مصوّرة مرّتين. في اليسار على شاشةٍ عرضها 1280 بكسلًا: عنوانٌ وفقرات وقائمة، وتحتها ثلاث بطاقات HTML وCSS وJavaScript في صفٍّ واحد. وفي اليمين على هاتفٍ عرضه 390 بكسلًا: البطاقات الثلاث بعضها فوق بعض. وتحت الصورتين عنوان المقالة «التصميم المتجاوب». تطوير الويب

    التصميم المتجاوب: موقعٌ يليق بكل شاشة

    في آب 2026 جاءت 60.4% من زيارات الويب في سوريا من الهاتف، و59.7% في السعوديّة، ونحو 51% في ألمانيا. أمّا في الولايات المتّحدة فما زال الحاسوب في المقدّمة بـ55.6%، وفي العالم كلّه يتقاسم الجهازان الزيارات تقريبًا بالتساوي.[1] فالزائر الذي تكتب له قد يفتح صفحتك على شاشةٍ عرضها 390 بكسلًا في حلب، أو على شاشة مكتبٍ […]

    15 دقيقة
  6. رسمٌ لإطارٍ كبير عنوانه «تجربة المستخدم» UX، في داخله إلى اليمين شاشة هاتفٍ بإطارٍ أحمر مكتوبٌ فيها UI وفيها زرّ «احجز الآن»، ويخرج منها خطٌّ يمرّ بأربع دوائر هي رحلة الزائر: يبحث، ثمّ يفهم، ثمّ يضغط بلونٍ أحمر، ثمّ يعود. وتحته عنوان المقالة «الواجهة والتجربة». تطوير الويب

    واجهة المستخدم وتجربة المستخدم: الفرق بين UI وUX

    تفتح تطبيقين لحجز موعد. في الأوّل تختار اليوم والساعة وتضغط زرًّا واحدًا، فيصلك التأكيد في ثوانٍ. وفي الثاني تملأ اثني عشر حقلًا، ثمّ تظهر رسالةٌ حمراء تقول «إدخالٌ غير صالح» ولا تقول أين الخطأ، فتغلقه وتتّصل بالهاتف. والتطبيقان قد يكونان بالألوان نفسها والخطّ نفسه، والفرق بينهما لا يُرى في لقطة شاشة، ويُحسّ في الدقيقة الأولى. […]

    16 دقيقة
  7. رسمٌ بخطوطٍ رفيعة لزمن عرض أكبر محتوى مقسومًا على أربعة أجزاء من فتح الصفحة: زمن أوّل بايت، ثمّ تأخّر بدء التحميل، ثمّ مدّة التحميل، ثمّ تأخّر العرض، وفي آخرها LCP بإطارٍ أحمر. وتحتها المؤشّرات الثلاثة وعتباتها الجيّدة: LCP حتى 2.5 ثانية، وINP حتى 200 ملّي ثانية، وCLS حتى 0.1، ثمّ عنوان المقالة. تحسين محركات البحث

    مؤشرات أداء الويب الأساسية: LCP وINP وCLS وكيف تحسّنها

    في تقرير Web Almanac لسنة 2025، الذي يحلّل ملايين المواقع من بيانات متصفّح كروم، اجتاز 48% من المواقع على الجوال مؤشّرات أداء الويب الأساسية الثلاثة، و56% على الحاسوب.[1] والرقمان تحسّنا كثيرًا منذ 2021، حين كانت النسبة على الجوال 32%. لكنّ معناهما أنّ نصف المواقع تقريبًا ما زالت تُبطئ على زوّارها، أو تتأخّر في الاستجابة، أو […]

    15 دقيقة
  8. رسمٌ بخطوطٍ رفيعة لمربّعين متجاورين تحت عبارة «لكلّ سؤالٍ مصدر»: في اليمين «موقعك» وتحته «عددٌ حقيقيّ في Search Console»، وفي اليسار بإطارٍ أحمر «مواقع غيرك» وتحته «تقديرٌ من Semrush»، وتحتهما «اقرأ الثاني اتّجاهًا، والأوّل عددًا» وعنوان المقالة. تحسين محركات البحث

    دليل Semrush: ما تقدّمه فعلًا ومن أين تأتي أرقامها

    في 28 نيسان 2026 أعلنت Adobe أنّها أتمّت شراء Semrush، في صفقةٍ نقدية قدّرت قيمة الشركة بنحو 1.9 مليار دولار، أي 12 دولارًا للسهم.[1][2] وخطط الأسعار اليوم غير التي تذكرها أكثر الشروح العربية والإنجليزية، فلا Pro ولا Guru ولا Business في صفحة الأسعار الحالية. والخطّة الأولى اليوم اسمها SEO وتكلّف 139 دولارًا في الشهر، وفيها […]

    15 دقيقة
  9. لقطة شاشة لنافذة طرفية Konsole داكنة فيها أوامر حقيقيّة: ls يعرض ملفّات مشروع، ثمّ mkdir ينشئ ثلاثة مجلّدات، ثمّ grep مع wc يعدّ ثلاث صفحاتٍ مفقودة في سجلّ الخادم، ثمّ cut يسمّيها، ثمّ node --version يطبع v24.21.0. وتحت النافذة عنوان المقالة «الطرفية». تطوير الويب

    الطرفية: حوارك المباشر مع حاسوبك

    لإنشاء مجلّدٍ جديد في مدير الملفّات تنقر بالزرّ الأيمن، وتختار «جديد» ثمّ «مجلّد»، وتكتب الاسم. وفي الطرفية تكتب أمرًا من خمسة حروفٍ واسمًا، وتضغط Enter. الفرق صغيرٌ في مجلّدٍ واحد، لكنّه يكبر مع كلّ مهمّةٍ تكرّرها، وهو ما يجعل الطرفية أداة عملٍ يوميّة لكلّ مطوّر ويب، من يكتب صفحته الأولى إلى من يدير خوادم شركة. […]

    17 دقيقة
  10. رسمٌ بخطوطٍ رفيعة لصفحتين: في اليمين صفحةٌ فيها رابطٌ مسطّر بالأحمر نصّه «اقرأ الدليل»، يخرج منه قوسٌ أحمر يعلوه وسم الرابط بالشيفرة وينتهي بسهمٍ عند الصفحة الثانية في اليسار، وتحتهما عنوان المقالة «الروابط التشعّبيّة». تطوير الويب

    الروابط التشعّبيّة: العنصر الذي جعل الويب شبكة

    وصلتَ إلى هذه الصفحة على الأرجح بنقرةٍ على رابط. والرابط أبسط عنصرٍ في لغة HTML، سطرٌ واحد فيه وجهةٌ ونصّ، لكنّه الفكرة التي أعطت الويب اسمه: «الشبكة» (Web) سُمّيت كذلك لأنّ الروابط تصل صفحاتها المتفرّقة بعضها ببعض. في المقالات السابقة عرفتَ الصفحة والموقع ورأيتَ كيف يعرضهما المتصفّح، وهنا العنصر الذي يربط ذلك كلّه. أبدأ من […]

    14 دقيقة