[برمجة] تعرف على التطوير المتقدم - Progressive Enhancement

التطور الذي يحصل في هذه الفترة في عالم البرمجة وعالم التصميم ليس مخفياً على احد فالجميع يمكنة ان يشاهد هذه التطور بنفسة , الافكار والتقنيات الجديدة نظهر من اماكن مختلفة في العالم  , ظهر ما يسمى التطوير المتقدم في مراحل ليست بالمتأخرة بل متقدمة من ثورة الويب الحالية ويعزى الية الفضل في كثير من التحسينات في مجال تجربة الاستخدام UX .

 ما هو التطوير المتقدم؟

التطوير المتقدم او ما يعرف باللغة الانجليزية Progressive Enhancement هو استراتيجية ظهرت في التصميم كالواجهات بشكل يظمن عملها بشكل جيد وبفاعلية اكثر على اكبر طيف من الاجهزة بمراعاة قابلية الوصول (Accessibility) والترميز الدلالي او مايعرف (Semantic Markup) وعملية فصل ملفات التنسيف (CSS) والاضافة البرمجية (JavaScript) عن الترميز الاساسي (HTML) , بعد ذلك نقوم بادخال كل مايحسن العمل

طبقات التطوير المتقدم

اليكم بشرح بسيط طبقات التطوير المتقدم لنتعمق اكثر في التطوير المتقدم فهو يتكون من 3 طبقات : 

 

الطبقة الأولى: الترميز (HTML)

 تعتبر لغة html القاعدة الاساسية لاي عمل ويب , عليك بكتابة جميع ترميزات HTML بشكل جيد وصحيح وعليك الابتعاد عن الاخطاء مع مراعاة قابلية الوصول (Accessibility) . حيث يمكن ان يحصل التطوير المتقدم عبر هذه الطبقةمثال على ذلك ، بنستخدم عناصر الإدخال التي تعتبر اساسية من نوع Text ضمن المستعرضات القديمة، والتحسين باستخدام العناصر التي تعتبر جديدة  مثل Date و Range ضمن المستعرضات التي تدعمها.

 الطبقة الثانية: التنسيق (CSS)

 تقوم CSS بدور كبير في عملية التنسيق عبر تنسيق الواجهة وتنظيم الصفحة وعليك بدمجها مع html فلها دور كبير في التطوير المتقدم ثم نقوم  بالتحسين فنعتمد على مزايا المستعرضات الجديدة وتجاهل المستعرضات القديمة لتلك المزايا

الطبقة الثالثة: التفاعل (JavaScript)

بعد ان نظمن عمل الواجهة بشكل جيد وبعد اضافة الترميز HTML وبعد ان نظيف التنسيق (CSS) نقوم باضافة التفاعل (JavaScript)  لزيداة تفاعل عملك في عالم الويب فال جافا سكريبت اصبحت مهمة لزيادة تفاعل عملك

 مراجع مفيدة

للتعرف اكثر على التطوير المتقدم (Semantic Markup)  اليكم مجموعة من المراجع : 

• صفحة التطوير المتقدم على موقع ويكيبيديا  عربي / إنكليزي.
• Progressive Enhancement 101: Overview and Best Practices