مختصر كتابي:  A High-Level Overview of Web Development

العلاقة بين المتصفح (Browser) والخادم (Server)

• جميع المواقع تكون موجودة على سيرفر أو كمبيوتر متصلين بالإنترنت ليقوم السيرفر باستقبال الطلبات والرد عليها.
• عند فتح المتصفح لكتابة موقع في البحث على سبيل المثال، يرسل المتصفح طلبًا للسيرفر الموجود عليه الموقع فيقوم السيرفر بجمع كل الملفات التي تشكل الموقع ويرسلها للمتصفح.
• الملفات التي يتم إرسالها من السيرفر تكون بامتداد html , .css and .js. وهم الثلاث لغات الاساسية التي يتكون منهم أي موقع، ويستطيع المتصفح فهمهم والتعامل معهم بسهولة.
• يقوم المتصفح بجمع الملفات مع بعضها ويعرضها أمامنا في الواجهة الامامية، وبهذه الطريقة يتكون الموقع الذي نحتاجه أو الذي تم الدخول عليه من رابط على سبيل المثال.
  

الفرق بين الواجهة الامامية (Frontend) والواجهة الخلفية (Backend)

• ال Frontend هو تطوير الواجهة الامامية للموقع.
• ال Backend هو تطوير الجهة الخلفية، وهو الجزء الخفي من الموقع، حيث أن المستخدم لا يتعامل معه بشكل مباشر.

المواقع الثابتة (Static) والمواقع المتفاعلة (Dynamic)

• ال Static website عندما تكون الملفات جاهزة على السيرفر وتُرسَل للمتصفح عند استدعائها.
• ال Dynamic website حينما يتم إنشاء وتجهيز نسخة جديدة من ملفات الموقع على السيرفر عند استدعائها وإرسالها للمتصفح.

وظيفة ودور لغة ال HTML و لغة CSS و لغة JavaScript

• لغة ال HTML هي المسؤولة عن محتوي الصفحة او الموقع.
• لغة ال CSS هي المسؤولة عن شكل المحتوى وطريقة عرضه.
• لغة ال JavaScript هي لغة البرمجة المسؤولة عن التفاعلات التي تحصل في الفرونت إند، ويمكن استعمالها للتغير في محتوى الصفحة وتنسيقها ولتحميل بيانات من السيرفر، ويمكن استخدامها لعمل واجهات كاملة.