تطوير الويب
كلّ ما تراه في موقعٍ أو تطبيقٍ وتلمسه: الزرّ الذي تنقره، والقائمة التي تنسدل، والصورة التي تكبر، والنموذج الذي تملؤه. هذا كلّه من صنع «مطوّر الواجهات الأمامية» (Front-End Developer). فالويب نصفان: نصفٌ تراه، ونصفٌ خفيٌّ يعمل خلف الستار، ومطوّر الواجهات الأمامية هو من يبني النصف المرئيّ، الذي تتعامل معه مباشرةً. هذا المقال يفتح سلسلة «تطوير […]
تطوير الويب
كيف يعرف تطبيق الطقس على هاتفك درجة الحرارة في مدينتك الآن؟ وكيف يعرض موقع حجز طيرانٍ أسعارًا حيّةً من عشرات الشركات في ثوانٍ؟ الجواب كلمةٌ تحكم العالم الرقميّ: «واجهة برمجة التطبيقات» (API). حتى الآن بنيتَ موقعًا يعمل كـ«جزيرةٍ» مستقلّة بـHTML وCSS وجافاسكربت. لكنّ قوّة الويب الحديث ليست في الجزر المعزولة، بل في «الجسور» التي تربطها، […]
تحسين محركات البحث
في المقال السابق جعلتَ صفحتك سريعةً مستقرّة. لكنّ السرعة لا تخبر المحرّك ما هذه الصفحة: أهي وصفةٌ بمكوّناتٍ وزمن طهو، أم منتجٌ بسعرٍ وتقييم، أم مقالٌ بمؤلّفٍ وتاريخ نشر؟ يقرأ Googlebot نصّك، لكنّه يخمّن معناه من السياق. البيانات المنظّمة هي أن تكفّ عن تركه يخمّن، فتقول له صراحةً بلغةٍ يفهمها: هذا منتج، وهذا سعره، وهذا […]
تطوير الويب
في مقال CSS صمّمت صفحتك، لكنّك صمّمتها لشاشةٍ واحدة: شاشتك أنت. والمستخدمون يأتون من هاتفٍ بحجم ستّ بوصاتٍ ومن شاشةٍ بحجم ستّين بوصة وكل ما بينهما. فكيف يبدو موقعٌ واحدٌ رائعًا على الجميع؟ الجواب هو «التصميم المتجاوب» (Responsive Web Design). تخيّل الموقع التقليديّ لوحةً زيتيةً جميلةً بأبعادٍ ثابتة: يبدو رائعًا على حائطه الصحيح (شاشة المكتب)، […]
تطوير الويب
تستعمل كل يومٍ عشرات التطبيقات والمواقع. بعضها تشعر معه بالسهولة والمتعة، كأنه «يفهمك» ويعمل كالسحر؛ وبعضها يحبطك فتصطدم بالعقبات وتغادر بسرعة. ما الفرق؟ ليس حظًّا ولا صدفة، بل «التصميم». وهذا السحر الخفيّ نتاج علمٍ دقيقٍ وفنٍّ عميقٍ يجتمعان في مصطلحين كثيرًا ما يُخلَط بينهما: «واجهة المستخدم» (UI) و«تجربة المستخدم» (UX). هذا المقال يفكّ الاشتباك بينهما، […]
تحسين محركات البحث
في المقال السابق قدّمتَ للمحرّك خريطةً تدلّه على صفحاتك. لكنّ الوصول إلى الصفحة شيء، وتجربتها شيءٌ آخر. حين يفتح زائرٌ صفحتك، لا يهمّه أنّها مفهرسة، بل يهمّه: أتظهر بسرعة، أم يحدّق في شاشةٍ بيضاء؟ وإذا نقر زرًّا، أتستجيب فورًا أم تتجمّد؟ وهل يثبت المحتوى مكانه أم يتقافز تحت إصبعه؟ هذا ما تقيسه «مؤشرات أداء الويب […]
تطوير الويب
خلف الواجهة الجميلة التي تنقر فيها على الأيقونات وتسحب النوافذ، يكمن عالمٌ آخر أكثر قوّة: شاشةٌ سوداء ومؤشّرٌ وامض. هذا هو عالم «الطرفية» (Terminal) أو «سطر الأوامر» (Command Line). يبدو مخيفًا أو قديمًا للمبتدئ، لكنّه في الحقيقة أقوى أداةٍ وأكفؤها في حزام أدوات أيّ مطوّرٍ محترف. مرّت بك هذه الأداة مرارًا: في مقال تجهيز بيئة […]
تحسين محركات البحث
في المقال السابق ضبطتَ ملف robots.txt الذي يقول للزواحف أين لا تذهب، ورأيتَ فيه سطر Sitemap الذي يشير إلى خريطة موقعك. الآن نفتح تلك الخريطة. فإن كان robots.txt هو الحارس الذي يمنع، فخريطة الموقع هي الدليل الذي يرشد: قائمةٌ تقدّمها للمحرّك بأهمّ صفحاتك كي يكتشفها بلا عناء. سأشرح ما خريطة الموقع بالضبط، ومتى تحتاجها ومتى […]
تحسين محركات البحث
في مقال «السيو التقني» عرّفتُ ملف robots.txt بوصفه أوّل بابٍ يخاطب به موقعك الزواحف، ووعدتُ بتفصيله. هذا موعده. ملفٌّ نصّيٌّ صغير، سطرٌ خاطئ فيه قد يحجب موقعك كلّه عن جوجل، وسطرٌ صحيح يوفّر على المحرّك جهدًا ويوجّهه إلى ما يهمّك. سأشرح ما هو، وأين يوضع، وكيف يُكتب، وأخطر ما يُخطأ فيه، ثمّ كيف تتحكّم به […]
استضافة الويب
حتّى الآن في هذه السلسلة أدرنا استضافتنا عبر واجهاتٍ سهلة: لوحات التحكّم بأزرارها، والإضافات بنقراتها، ولوحات الخدمات المبسّطة. كلّها صُمّمت لتخفي عنك تعقيد الخادم وتريحك من سطر الأوامر. لكن خلف هذه الواجهات بابٌ خلفيٌّ أقوى يستعمله المحترفون للتحكّم المباشر في الخادم، بابٌ اسمه يتردّد كثيرًا ويرهب المبتدئ: SSH. في هذا المقال سأزيل الرهبة عن هذا […]