لعلَّ من التطور الذي طال عالم البرمجة وتقنيات الويب، أن صار الباحث عن معلومةٍ أو ساعٍ لفهم خفايا المواقع الإلكترونية لا يجد صعوبةً تُذكر في التعرُّف على تقنياتها وأُسس بنائها. والحقُّ أن معرفة لغات البرمجة التي اعتمد عليها مطوِّرو موقعٍ ما ليست بالأمر العسير، بل هي سهلة إذا سلك الباحث السبل الميسورة لذلك. وفيما يلي نُبسط القول في هذه السُّبل، لنُعين طالب العلم على بلوغ مبتغاه.
لماذا تحتاج لمعرفة لغة البرمجة المستخدمة؟
قد تتساءل عن أهمية معرفة لغة برمجة الموقع. إليك بعض الأسباب:
- التعلم: استكشاف تقنيات جديدة لتحسين مهاراتك البرمجية.
- التحليل: تقييم الخيارات المناسبة إذا كنت تخطط لإنشاء مشروع مشابه.
- التطوير: فهم تقنيات الموقع لمساعدتك في تقديم تحسينات أو إضافات.
التفحص اليدوي باستخدام أدوات المتصفح
إن أول ما ينبغي للباحث أن يطرق بابه، هو أدوات المطور (Developer Tools) المدمجة في معظم المتصفحات الحديثة. وهذه الأدوات تتيح لك فحص العناصر (Inspect Element) التي يتكون منها الموقع، لتتلمَّس آثار اللغة المستخدمة:
- HTML و CSS: غالبًا ما تظهر هذه اللغات في قلب أي موقع؛ إذ هما العِماد الأول لتصميم الصفحات.
- JavaScript: يُستدل عليها من وجود ملفات أو أكواد مدمجة تبدأ بالكلمة المفتاحية
functionأوvarأو من امتداد الملفات مثل.js.
تستطيع فتح هذه الأدوات بالضغط على F12 أو بالنقر الأيمن على الصفحة واختيار “فحص” (Inspect).
الاستعانة بخدمات المواقع الإلكترونية
هناك مواقع إلكترونية تُسخِّر إمكانياتها لتُطلعك على التقنيات المستخدمة في أي موقع، ومنها:
- BuiltWith
يكشف هذا الموقع عن لغات البرمجة، وإطارات العمل (Frameworks) مثل Laravel أو Django، بل وحتى الإضافات (Plugins) وأنظمة إدارة المحتوى (CMS) مثل WordPress. - Wappalyzer
امتداد متصفح يُظهر لك الأدوات واللغات المستخدمة، مثل PHP، Python، أو Node.js، دون عناء.
تفحُّص امتدادات الملفات
إن من دلائل لغة البرمجة المستخدمة، امتدادات الملفات التي تُعرَض في روابط الموقع. فمثلاً:
- .php: يشير إلى استخدام لغة PHP.
- .asp أو .aspx: يدلان على تقنية ASP.NET.
- .jsp: يعكس اعتماد الموقع على Java Server Pages.
وإن رأيت الروابط خالية من تلك الامتدادات، فلا تيأس، لأن هناك احتمالاً لاعتماد الموقع على تقنيات إعادة الكتابة (URL Rewriting).
تحليل رؤوس HTTP (HTTP Headers)
يُعد تحليل رؤوس الطلبات التي يرسلها المتصفح إلى الخادم وسيلة نافعة لكشف التقنية التي أُنشئ بها الموقع. باستخدام أدوات مثل Postman أو إضافات المتصفح الخاصة بتحليل الشبكة، تستطيع الاطلاع على معلومات حول الخادم، والتي غالبًا ما تكشف عن لغة البرمجة، مثل:
- PHP/8.1.0: يدل على إصدار PHP المستخدم.
- X-Powered-By: Express: يشير إلى إطار عمل Express الخاص بـ Node.js.
قراءة الشيفرة المصدرية (Source Code)
بعض المواقع تترك أثرًا في الشيفرة المصدرية يُظهر اللغة المستخدمة، مثل تعليقات برمجية أو أكواد خاصة بلغة بعينها. اقرأ كود الصفحة بالضغط على الزر الأيمن واختيار “عرض مصدر الصفحة” (View Page Source).
لغات البرمجة الأكثر شيوعًا للمواقع
من خلال معرفتك بأساسيات البرمجة، يمكنك بسهولة التعرف على لغات البرمجة بمجرد فهم دورها:
- PHP: تُستخدم لبناء مواقع مثل ووردبريس، وتشير إلى مواقع ديناميكية.
- ASP.NET: شائعة في التطبيقات المؤسسية.
- JavaScript: لغة أساسية للواجهة الأمامية (Frontend) وأحيانًا للواجهة الخلفية باستخدام Node.js.
- Ruby on Rails: إطار عمل للغة Ruby، يُستخدم في تطبيقات ويب حديثة.
- Python: تُستخدم في مواقع ذات إمكانيات تحليل بيانات.
خاتمة
معرفة لغة برمجة الموقع لا تقتصر على المطورين المحترفين فقط. الأدوات والتقنيات التي ذكرناها تجعل هذه المهمة سهلة حتى للمبتدئين. اختر الطريقة التي تناسبك وابحث عن الفرص لتوسيع معرفتك بالتقنيات الحديثة.
هل تريد تعلم المزيد؟
اشترك في نشرتنا البريدية المخصصة لأصحاب المواقع وروّاد الويب.
- الاشتراك مجاني.
- يمكنك إلغاؤه في أي وقت.
- لا نقم بإزعاجك.
- رسالة واحدة أسبوعيًا.
المصطلحات المستخدمة:
- لغة البرمجة (Programming Language): الكود المستخدم لإنشاء وتصميم المواقع.
- المصدر (Source Code): الكود الأساسي للموقع.
- فحص الشبكة (Network Inspection): تحليل الاتصالات بين المتصفح والخادم.
- أدوات المطور (Developer Tools): أدوات مدمجة لفحص الأكواد والموقع.
- سيرفر (Server): الجهاز أو البرنامج الذي يستضيف الموقع.