شرح صفوف ومحتوى الفقرة
يُطلق على تطوير الواجهة الأمامية في المراجع التقنية مصطلح التطوير من جهة العميل (). ويعود سبب هذه التسمية إلى معمارية «العميل والخادم» التي درستها سابقاً؛ حيث يمثل العميل () جهاز المستخدم نفسه (سواء كان حاسوباً محمولاً أو هاتفاً ذكياً أو جهازاً لوحياً) الذي يشغّل متصفح الويب:
- انتقال الملفات من الخادم إلى المتصفح: رغم أن ملفات الواجهة الأمامية تكون محفوظة في البداية على خادم الموقع، فإنها لا تعمل هناك؛ بل بمجرد كتابة عنوان الموقع يرسل الخادم نسخة من هذه الملفات عبر الإنترنت إلى متصفحك.
- معالج جهازك هو من ينفذ الكود: فور وصول الملفات إلى المتصفح، يتولى معالج جهازك () وذاكرته () قراءة هذه الملفات ورسم الشاشة وتشغيل التفاعلات الحية.
- استجابة لحظية دون انتظار الشبكة: لأن كود الواجهة الأمامية يعمل محلياً داخل التبويب المفتوح أمامك، فإن فتح قائمة منسدلة أو تبديل المظهر الليلي أو التنبيه بترك حقل فارغ يتم في أجزاء من الثانية دون الحاجة لإعادة تحميل الصفحة من الخادم.
تأمل المسار التوضيحي المبسط الآتي الذي يبين كيف تنتقل ملفات الواجهة الأمامية لتعمل داخل متصفح العميل:
نص
[1. User Browser] --- GET https://closetag.com ---> [2. Web Server]
[1. User Browser] <-- Sends HTML + CSS + JS Files -- [2. Web Server]
[3. Client-Side ] --> Browser parses code & draws the interactive screen