يقصد بتطوير الويب هو انشاء مواقع الويب Web Sites سواء كانت تلك المواقع منشورة على الانترنت مثل الفيس بوك وغيرها او موجودة داخل انترانت Intranet (هي الشبكات الخاصة) مثل انظمة السوفت وير التي تنظم عمل الشركات* . قد تتفاوت احجام مواقع الويب من موقع بسيط يحتوي على عدد محدود من صفحات الويب الى موقع مثل فيس بوك او تويتر الذي يستخدمه اكثر من مليار مستخدم ويقوم عليه الالاف مطوري الويب!!
*تستخدم العديد من الشركات والهيئات بعض الانظمة/المواقع المبينة بتكنولوجيا الويب لكن لا يمكن الوصول اليها الا من داخل الشبكة Network الخاصة بالشركة (هل تتذكر عندما ذهبت الى بنك او احد شركات الاتصالات وقيل لك ان النظام System لايعمل!!!).
تطوير الويب يتم استخدام فيه العديد من لغات البرمجة المكتبات libraries و اطر العمل frameworks وهناك العديد من المجالات والمسارات التي قد يعمل فيها مطوري الويب. لكن هناك تقسيمة اساسية لتطوير الويب وهي:
- تطوير الواجهة الامامية Front-End
- تطوير الواجهة الخلفية Back-End
- التطوير الكامل/الشامل Full-Stack
لفهم تلك التقسيمة نحتاج الى فهم مثال بسيط عندما نقوم بعمل طلب request الى احد صفحات الويب.
- نقوم باستخدام متصفح الويب Web Browser و نقوم بادخال عنوان صفحة الويب التي نريدها ولتكن https://arabituts.com/about
- يستلم خادم الويب Web Server الطلب و يبحث عن الصفحة في مصادر الويب المتاحة لديه ويرسلها الى المتصفح لعرضها وعادة ما تكون الملف من نوع HTML.
- يقوم المتصفح بترجمة الصفحة وعرضها للمستخدم.
صفحات الويب Web Pages
صفحات الويب عادة ما تكون من نوع HTML (اي مستند يكون امتداده html مثل index.html). وHTML هي اختصار Hypertext Markup Language ( اي لغة ترميز النصوص التشعبية). تلك المستندات تكون مكتوبه بشكل معين بحيث تفهمه متصفحات الويب. مثال:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> <script src="script.js"></script> <title>Title</title> </head> <body> <h1>Head</h1> <p>paragraph......</p> </body> </html>
عادة ما تكون صفحة الويب تشير الى عدد من موارد الويب مثل ملفات من نوع CSS وهي المسؤولة عن الشكل الجمالي للصفحات و ملفات من نوع javascript وهي المسؤولة عن الجزء الديناميكي او المنطقة في الصفحة *. وعند ترجمه صفحة الويب يقوم المتصفحة بعمل اكثر من طلب لجلب بقية الملفات. لانها تكمل بناء الصفحة.
لنرجع الى تقسيمة تطوير الويب:
تطوير الواجهة الامامية Front-End
وهو الجزء المسؤول عن تطوير صفحات الويب او الجزء الذي يفهمه ويترجمه المتصفحات Browsers مثل صفحات HTML و CSS و سكريبت javascript. (في الاونه الاخيرة اصبح العديد من العمليات المنطقية والبرمجية تقوم بواسطة المتصفحات بدلا من البرامج داخل خوادم الويب).
تطوير الواجهة الخلفية Back-End
هو الجزء من التطوير الذي يقوم في خوادم الويب (عبارة عن تطبيق يتم تشغيله بواسطه خوادم الويب) . هذا الجزء قد يبدو للوهلة الاولي صغير (مجرد بحث عن موارد لارسالها الى متصفحات الويب!!) تخيل اذا قمت بعرض صفحة الفيس بوك. الجزء المسؤول عن الاتصال بقاعدة البيانات وعرض تعليقات معينه واستخدام خوارزميات الذكاء الاصطناعي، كل هذا المسؤول عنه هو تطبيقات الويب.
تطبيق الويب Web Application
هو عبارة عن برنامج او تطبيق يتم تشغيله على خوادم الويب وهو المسؤول عن الاستجابة الى طلبات الويب. يحتوي هذه التطبيق على الموارد الساكنة static (الملفات التي سوف يستخدمها المتصفحات) ويحتوي ايضا على الاكواد المسؤولة عن العمليات المنطقية داخل التطبيق مثل الاتصال بقواعد البيانات و الانظمة الاخرى.
التطوير الكامل/الشامل Full-Stack
مع وجود العديد من اطر العمل frameworks التي تسهل عمليه تطوير الويب سواء في الواجهة الامامية frontend او الواجهة الخلفية backend اتجه الكثير من المطورين بالعمل على تطوير الواجهة الامامية والخلفية.