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

الواجهة الأمامية لتطوير الويب (بالإنجليزية: 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

انظر أيضا

مصادر ومراجع
  1. front end and back end نسخة محفوظة 09 يوليو 2017 على موقع واي باك مشين.
  2. advanced front end techniques [وصلة مكسورة] نسخة محفوظة 9 أغسطس 2016 على موقع واي باك مشين.
  3. frontend tools نسخة محفوظة 29 يوليو 2017 على موقع واي باك مشين.
  4. What is front-end development نسخة محفوظة 03 ديسمبر 2017 على موقع واي باك مشين.
    • بوابة علم الحاسوب
    • بوابة تقنية المعلومات
    • بوابة إنترنت
    • بوابة برمجة الحاسوب
    This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.