أعلان الهيدر

السبت، 9 أغسطس 2014

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

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


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

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

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


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

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

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


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

 

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

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


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

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

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

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

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

 مراجع مفيدة

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


ليست هناك تعليقات:

إرسال تعليق

يتم التشغيل بواسطة Blogger.