المظهر الأمامي (تطوير ويب)

من ويكيبيديا، الموسوعة الحرة
اذهب إلى التنقل اذهب إلى البحث

المظهر الامامي لتطوير الويب (بالإنجليزية: Front-end web development) او (بالإنجليزية: client-side development) وهو الجزء الأمامي الذي يتم التعامل معه للمواقع والتطبيقات الخاصة بالويب بإستخدام لغات إتش تي أم إل ( HTML ) و سي أس إس ( CSS ) وجافا سكريبت ( Javascript ) وبي إتش بي ( PHP ) وأيه إس بي ( ASP.NET ) وغيرها.[1] التحديات المرتبطة بأساليب وأدوات تطوير المظهر الأمامي تتغير بإستمرار ولهذا فإن المطورين يحتاجون ويجب أن يدركوا كيفية التعامل مع هذه التغيرات .[2] [3]

أدوات تستخدم لتطوير الواجهة الأمامية[عدل]

هناك العديد من الأدوات المتاحة التي يمكن إستخدامها لتطوير الواجهة الأمامية للموقع على شبكة الإنترنت وفهم أي الأدوات أفضل لجعل الموقع بأفضل تصميم وإتساع .[4]

لغة ترميز النص التشعبي[عدل]

لغة ترميز النص التشعبي (بالإنجليزية: HTML) هي العمود الفقري لأي عملية تطوير للمواقع الإكترونية ( websites ) ، بدونها لا يمكن تواجد أي صفحة ويب ، لغة وأكواد HTML هي التي تمدنا بالإطار العام لما سيظهر عليه شكل الموقع الإلكتروني ، آخر إصدار للغة الترميز هو إتش تي إم إل 5 ( HTML5 ) وبه تحسينات وطرق للتعامل مع العناصر مثل ملفات الفيديو وملفات الصوت .

ملف صفحة الشكل العام[عدل]

ملف صفحة الشكل العام (بالإنجليزية: CSS) تتحكم في جوانب العرض لأي موقع وتسمح بشكل فريد له عن طريق ملف بأنماط (Style Sheets ) ولها قواعد تطبق قبل أي أنماط أخرى مثل حجم شاشة الجهاز ( device screen ) ودقة الشاشة ( resolution ) .

جافا سكريبت[عدل]

جافا سكريبت (بالإنجليزية: JS) هي لغة برمجة أمرية وإجرائية ( imperative programming ) مبنية على الإستناد على الحدث( event-based ) على عكس لغة HTML التي تعتبر برمجة إعلانية ( Declarative programming ) ، تستخدم جافاسكريبت لتحويل صفحات HTML الثابتة ( static HTML pages ) إلى صفحات ديناميكية متغيرة متحركة ( dynamic interface ) ، أكواد الجافاسكريبت يمكن أن تستخدم نموذج المستند Document Object Model (DOM) التي تمدنا بها معايير HTML الرئيسية للتعامل أو معالجة أي صفحة ويب بناء على الأحداث ( in response to events ) مثل أي مدخل للمستخدم .

إستخدام أسلوب وتقنية أجاكس ( AJAX ) بأكواد الجافا سكريبت يسترجع محتويات أي صفحة ويب ( بطريقة مستقلة عن صفحة ال HTML الأصلية ) كما يمكن ان تتفاعل مع الأحداث من جانب الخادم ( Server Side ) أيضا وتعطينا إضافة طبيعية ديناميكية لصفحة الويب .

أهداف للتطوير[عدل]

المطورين للواجهة الأمامية يضعون النقاط والأدوات والأساليب التالية في الإعتبار للوصول لأهدافهم :

إمكانية الوصول accessibility
الأداء performance

أنظر أيضا[عدل]

مصادر ومراجع[عدل]