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