مطور Mtwer

بسم الله الرحمن الرحيم

الحمد لله والصلاة والسلام على سيدنا محمد وعلى آله وصحبه أجمعين وبعد ..السلام عليكم ورحمة الله وبركاته.

ماهي هندسة الويب ؟

قبل الحديث عن ماهية هندسة الويب أود التنبيه إلى أن المشكلة الأساسية وراء عدم فهم جافاسكربت بشكل صحيح هو غياب مفهوم هندسة الويب لدى العديد من المبرمجين, ولهذا السبب يجب علينا البدء بتوضيح هذا المفهوم لكي تتضح الأمور ولكي نسير على الطريق الصحيح بإذن الله تعالى.

عندما نسمع كلمة "هندسة" فإن أول ما يتبادر إلى ذهن الواحد منا هو التخطيط والتنظيم أو الترتيب وهذا بالمفهوم العام ولكن عندما نقول "هندسة الويب", عندها فنحن نقصد التنظيم والترتيب ولكن هذه المره ترتيب وتنظيم بناء مواقع الويب أو بجملة أخرى هو أنه كيف نبني موقع ويب بطريقة مرتبة تسهل علينا نقطتين مهمتين وهي :

1- سهولة تطوير الموقع بدون تعديل كل شئ في الموقع أي إضافة اشياء جديدة بدون أن تتأثر الأشياء الموجودة في الموقع بالإضافات الجديدة .
2- سهولة صيانة الموقع وقت حدوث المشاكل .

ماهي صفحة الويب ؟



صفحة الويب هي عبارة عن صفحة مكونة من ثلاثة طبقات (Layers) كالتالي :

1- Content Layer : أو طبقة المحتويات والمقصود بالمحتويات أي المحتويات الخاصة بالصفحة والمسؤل عن إنشاء هذه الطبقة هو HTML وللتوضيح اكثر فإنه لا يمكنك بناء منزل بدون مخطط او خريطة ولهذا فإن مسؤلية HTML هي بناء المخطط حيث ان HTML تساعدك في ترتيب العناصر على الصفحة وذلك انك تضع مثلاً جدول في الأعلى و نص عريض على الشمال وصورة في الأسفل وهذا الشئ يعتبر ترتيب للعناصر على الصفحة وليس تصميم كما يعتقد العديد فأنت فقط تضع التخطيط للصفحة وهذه هي المسؤلية الحقيقية لـ HTML .

2- Presentation Layer : أو طبقة العرض والمقصود بالعرض هنا التصميم أي كيف ستظهر صفحة الويب للمستخدم والمسؤل عن إنشاء هذه الطبقة هو CSS وبكلام أخر أي هي التزيين أو التجميل فبعد الإنتهاء من بناء منزل فإن وضع الألوان وتزيين المنزل هي المرحلة الثانية بعد التخطيط له وبناءه ولهذا السبب تأتي مسؤلية CSS هنا حيث أنها تقوم بوضع قناع على صفحة HTML لتزيين التخطيط الذي تم بنائه بواسطة HTML .

3- Behavior Layer : أو طبقة التفاعل وتترجم أحياناً السلوك والمقصود بشكل عام هو كيف تجعل الصفحة تفاعلية او تتخاطب مع المستخدم والمسؤل عن إنشاء هذه الطبقة هو لغة JavaScript وبإختصار شديد هو أن JavaScript هي كالروح بالنسبة للجسد أو بكلام أخر هو كيف تجعل الصفحة تتحدث والمقصود بكلمة "تتحدث" هو أي كيف تتخاطب مع المستخدم ولكي أسهل عليك الأمر أقول لك أن JavaScript تمكن صفحة الويب من التحدث مع المستخدم وذلك عن طريق معرفة ما يقوم به المستخدم على صفحة الويب حيث تقوم بالرد على طلبات المستخدم وأخذ مدخلاته خلال الصفحة أي بكلام أخر أيضاً أريدك أن تفهم أن JavaScript هي شخص وليست لغة وعندها عندما تتكلم مع شخص فأنت تسأل ويجيب عليك ويسألك وتجيب عليه ! .

وبعد أن أستعرضنا الطبقات الثلاثة لصفحة الويب عندها أقول لك أن بناء صفحة الويب يبدأ من الطبقة الخاصة بلغة HTML والسبب هو أنها هي طبقة التخطيط فلا يوجد منزل بدون خريطة وبعد ذلك تأتي طبقة التصميم CSS ثم طبقة التفاعل JavaScript ويجب أن يكون بناء الموقع بهذا الترتيب لأنه في حالة تم فقد التصميم لأي سبب كان فإن التخطيط يكون سليم فأحياناً بعض المستعرضات يكون عليها بعض القيود فتجدها لا تتعامل مع جافاسكربت اويتم تعطيل جافاسكربت عندها مظهر الموقع بـ HTML معروف لديك مسبقاً إن تم فقد التصميم أو تم تعطيل جافاسكربت.

بارك الله فيك اخ عبدالله عيد

استفدت حقيقه من درسك خصوصا في توضيح مفهوم كلمة "هندسة الويب"

شكرا لك وبانتظار المزيد من شروحاتك المفيدة ومشاركاتك القيمة

تحياتي.

جزاك الله خير على الدرس ..

وفي إنتظار بقية الدروس .. ان شاء الله ..

مجهود رائع منك ..

درس قيم ومميز نفع الله بعلمك وبارك لك فيه

الله يعطيك العافية اخ عبدالله والى الامام

تقبل تحياتي