ماذا يفعل مطور الواجهة الأمامية؟ الدليل الكامل لمهنة مطور الواجهة الأمامية
الواجهة الأمامية
هو نوع من مطوري البرامج المتخصصين في إنشاء وتصميم واجهة المستخدم (UI) وتجربة المستخدم (UX) لمواقع الويب وتطبيقات الويب. تتمثل المسؤولية الأساسية لمطور الواجهة الأمامية في التأكد من أن الجوانب المرئية والتفاعلية لموقع الويب أو التطبيق سهلة الاستخدام وممتعة من الناحية الجمالية وفعالة وظيفيا.
يعمل مطورو الواجهة الأمامية مع العديد من التقنيات والأدوات واللغات ، بما في ذلك:
- HTML (لغة ترميز النص التشعبي): لغة الترميز القياسية المستخدمة لإنشاء بنية وتخطيط صفحات الويب.
- CSS (أوراق الأنماط المتتالية): لغة ورقة أنماط تستخدم للتحكم في العرض التقديمي والتنسيق ومظهر صفحات الويب ، مثل الألوان والخطوط والتخطيط.
- JavaScript: لغة برمجة تسمح للمطورين بإضافة التفاعل والرسوم المتحركة والعناصر الديناميكية الأخرى إلى مواقع الويب وتطبيقات الويب.
قد يستخدم مطورو الواجهة الأمامية أيضا المكتبات والأطر ، مثل React أو Angular أو Vue.js ، لتبسيط عملهم وإنشاء واجهات مستخدم أكثر تعقيدا وتفاعلية. بالإضافة إلى ذلك ، غالبا ما يتعاونون مع مطوري الواجهة الخلفية ، المسؤولين عن المنطق من جانب الخادم وإدارة البيانات ، لضمان التكامل السلس بين مكونات الواجهة الأمامية والخلفية لتطبيق الويب أو موقع الويب.
HTML وCSS وجافا سكريبت:
يقوم مطور الواجهة الأمامية بتصميم وتطوير مواقع الويب والتطبيقات باستخدام تقنيات الويب (مثل HTML و CSS و DOM و JavaScript) ، والتي تعمل على منصة الويب المفتوحة أو تعمل كمدخلات تجميع لبيئات النظام الأساسي غير الويب (أي React Native).
عادة ، يدخل الشخص في مجال تطوير الواجهة الأمامية من خلال تعلم تطوير HTML و CSS و JavaScript التي تعمل عادة في متصفح الويب ولكن يمكن تشغيلها أيضا في متصفح مقطوع الرأس ، أو كإدخال تجميع لبيئة وقت تشغيل أصلية. يتم شرح سيناريوهات أوقات التشغيل الأربعة هذه أدناه.
متصفحات الويب (الأكثر شيوعا)
متصفح الويب هو برنامج يستخدم لاسترداد المعلومات وتقديمها واجتيازها على WWW. عادة ، تعمل المتصفحات على كمبيوتر مكتبي أو محمول أو جهاز لوحي أو هاتف ، ولكن في الآونة الأخيرة يمكن العثور على متصفح على أي شيء تقريبا (على سبيل المثال ، على الثلاجة ، في السيارات ، وما إلى ذلك).
متصفحات الويب الأكثر شيوعا هي (تظهر بترتيب الأكثر استخداما أولا):
كرومسفاري
مايكروسوفت إيدج
فايرفوكس
متصفحات مقطوعة الرأس
المتصفحات مقطوعة الرأس هي متصفح ويب بدون واجهة مستخدم رسومية يمكن التحكم فيها من واجهة سطر الأوامر برمجيا لغرض أتمتة صفحة الويب (على سبيل المثال ، الاختبار الوظيفي ، والكشط ، واختبار الوحدة ، وما إلى ذلك). فكر في المتصفحات مقطوعة الرأس كمتصفح يمكنك تشغيله من سطر الأوامر الذي يمكنه استرداد صفحات الويب واجتيازها.
المتصفحات مقطوعة الرأس الأكثر شيوعا هي:
مشاهدات الويب
يتم استخدام Webviews بواسطة نظام تشغيل أصلي ، في تطبيق أصلي ، لتشغيل صفحات الويب. فكر في عرض ويب مثل iframe أو علامة تبويب واحدة من متصفح ويب مضمن في تطبيق أصلي يعمل على جهاز (على سبيل المثال ، iOS و Android و windows).
الحلول الأكثر شيوعا لتطوير عرض الويب هي:
- الإلكترون (يستخدم عادة لتطبيقات سطح المكتب)
- Tauri.js
- كوردوفا (عادة لتطبيقات الهاتف / الجهاز اللوحي الأصلية)
- NW.js (يستخدم عادة لتطبيقات سطح المكتب)
أصلي من Web Tech
في النهاية ، يمكن استخدام ما يتم تعلمه من تطوير متصفح الويب من قبل مطوري الواجهة الأمامية لصياغة التعليمات البرمجية للبيئات التي لا يغذيها محرك المتصفح. في الآونة الأخيرة ، يتم الحلم ببيئات التطوير التي تستخدم تقنيات الويب (على سبيل المثال ، CSS و JavaScript) ، بدون محركات الويب ، لإنشاء تطبيقات أصلية.
بعض الأمثلة على هذه البيئات هي:
تلاحظ:
تأكد من أنك واضح ما هو المقصود بالضبط ب "منصة الويب". اقرأ "منصة الويب: ما هي" واقرأ صفحة ويكيبيديا "منصة الويب المفتوحة". استكشف العديد من التقنيات التي تشكل منصة الويب.
مهنة مطور الواجهة الأمامية
نظره عامه:
فحص واسع لمهنة مطور الواجهة الأمامية.
تحديد دور مطور الواجهة الأمامية
بشكل أساسي ، يقوم مطور الواجهة الأمامية ، الذي يشار إليه تاريخيا أحيانا باسم مطور من جانب العميل ، بإنتاج الكود المرسل من خادم الويب إلى عميل / واجهة أمامية لإنشاء واجهة مستخدم. على سبيل المثال ، عند تحميل صفحة ويب في مستعرض ويب ، يتم إرسال التعليمات البرمجية من خادم ويب إلى الجهاز / العميل الذي يطلب الصفحة. سينتج الرمز المرسل واجهة المستخدم التي يراها المرء في متصفح الويب. يعتبر هذا الرمز رمزا للواجهة الأمامية وهو مزيج من تقنيات الويب HTML و CSS و JavaScript.
يدخل الفرد عادة في مجال تطوير الواجهة الأمامية من خلال التعلم أولا لإنشاء موقع ويب بسيط باستخدام HTML و CSS. يتم تشبيه لغة ترميز HTML أو HyperText بالإطار الهيكلي للمنزل ، بينما يمكن اعتبار CSS أو أوراق الأنماط المتتالية اللمسات الأخيرة التي يراها المرء بمجرد اكتمال المنزل.
في النهاية ، سيحتاج المنزل (أي موقع ويب) إلى أن يصبح آليا. بمعنى آخر ، يجب أن تصبح تفاعلية وتستجيب للأحداث التي ينظمها المستخدم أو الجهاز الذي يتم تشغيله عليه (على سبيل المثال ، عند النقر أو عند التحميل ، قم ب X). لتحقيق ذلك ، يتعلم مطورو الواجهة الأمامية لغة برمجة JavaScript ويستخدمون هذه اللغة ونموذج كائن المستند (المعروف أيضا باسم DOM) لإضافة جوانب ديناميكية وتفاعلية إلى HTML و CSS.
مع تقدم مطور الواجهة الأمامية في حياتهم المهنية ، سينتقلون من فهم بسيط لصفحات الويب ومواقع الويب إلى فهم قوي محتمل لممارسات تطوير البرامج كما يتم ذلك على منصة الويب باستخدام لغة برمجة JavaScript.
مطورو الواجهة الأمامية يطورون من أجل ...
يقوم مطورو الواجهة الأمامية بتطوير النظام الأساسي للويب ، ويرتبط النظام الأساسي للويب بشكل شائع بأوقات تشغيل مستعرض الويب. افتح متصفح ويب مثل Google Chrome ، وانتقل إلى صفحة ويب مثل google.com ، وما تبحث عنه تم تطويره بواسطة مطور الواجهة الأمامية الذي طور صفحة الويب باستخدام HTML و CSS و JavaScript.
وقت تشغيل منصة الويب ليس فقط لمتصفحات الويب. يمكن استخدامه أيضا بواسطة تقنيات WebView و Progressive Web App (المعروفة أيضا باسم PWA) لإنشاء تطبيقات شبيهة بالتطبيقات الأصلية المثبتة على نظام التشغيل. هذا يعني أنه يمكن لمطور الواجهة الأمامية أن يأخذ معرفته بتقنيات الويب ووقت تشغيل منصة الويب المرتبطة بالمتصفحات وتطوير الويب واستخدام هذه المهارات لإنشاء تطبيقات أصلية لأنظمة التشغيل الشائعة مثل Windows و Mac OS X و iOS و Android و Linux.
بشكل فضفاض ، فكر في WebView أو PWA مثل علامة تبويب واحدة من متصفح ويب بدون شريط عناوين أو أزرار للخلف والأمام ، مضمنة في تطبيق أصلي. هذا السيناريو مطابق للمتصفح ، ويتم تشغيل WebView / PWA من HTML و CSS و JavaScript ولكن بدلا من تسهيل الوصول إلى الإنترنت إلى صفحات الويب ، فإن القصد من ذلك هو استخدام وقت تشغيل النظام الأساسي للويب للوصول إلى واجهات برمجة تطبيقات أنظمة التشغيل الأصلية (على سبيل المثال ، عرض متصفح واحد لصفحة (صفحات) ويب ، باستخدام تقنيات الويب ، والتي يتم تشغيلها مثل تطبيق أصلي قد يكون أو لا يكون متصلا بالإنترنت الذي يمكنه الوصول إلى اللغة الأصلية إما عبر واجهات برمجة تطبيقات الويب الأصلية أو الجسور من تقنيات الويب إلى واجهات برمجة التطبيقات الأصلية).
الحلول الأكثر شيوعا لتطوير WebView هي:
يمكن لمطوري الواجهة الأمامية أيضا أن يجدوا أنفسهم يطورون شفرة المصدر باستخدام تقنيات النظام الأساسي للويب (على سبيل المثال ، CSS و JavaScript) ، ولكن بعد ذلك لا يتم استخدام شفرة المصدر التي تم إنشاؤها بواسطة سيناريو وقت تشغيل النظام الأساسي للويب ولكن بدلا من ذلك كمدخلات يتم ترجمتها إلى كود وقت التشغيل الأصلي. في الأساس ، توجد بيئات الترميز حيث تتم كتابة تقنيات الويب ليس للتشغيل على منصة الويب ولكن مكتوبة لاستخدامها كمدخلات لإنشاء تطبيقات أصلية حقيقية باستخدام واجهات برمجة التطبيقات الأصلية.
بعض الأمثلة على هذه البيئات هي:
- رف
- النص الأصلي
- React Native (تم تطوير تطبيق Instagram لنظامي التشغيل iOS و Android باستخدام React Native)
- tabris.js
كما ترى ، لا يقوم مطورو الواجهة الأمامية بتطوير متصفحات الويب فحسب ، بل أيضا للعديد من سيناريوهات وقت التشغيل الأخرى بخلاف متصفحات الويب. قد يعني كونك مطورا للواجهة الأمامية اليوم إنشاء صفحات ويب وتطبيقات ويب يتم الوصول إليها عبر متصفحات الويب ، ولكن قد يعني أيضا إنشاء تطبيقات أصلية مثبتة على أنظمة التشغيل وتعمل دون اتصال بالإنترنت (على سبيل المثال ، تم إنشاء Visual Studio Code باستخدام Electron).
المهارات المطلوبة
سيكون لدى مطور الواجهة الأمامية المحترف الحد الأدنى من المعرفة العملية بالمتصفحات والإنترنت ويكون ماهرا في استخدام تقنيات الويب التالية:
- لغة ترميز النص التشعبي (ويعرف أيضا باسم HTML)
- أوراق الأنماط المتتالية (المعروفة أيضا باسم CSS)
- محددات مواقع الموارد الموحدة (المعروفة أيضا باسم عناوين URL)
- بروتوكول نقل النص التشعبي (المعروف أيضا باسم HTTP)
- لغة برمجة جافا سكريبت (ويعرف أيضا باسم ECMAScript 262)
- تدوين كائن جافا سكريبت (المعروف أيضا باسم JSON)
- نموذج كائن المستند (المعروف أيضا باسم DOM)
- واجهات برمجة تطبيقات الويب (المعروفة أيضا باسم واجهات برمجة تطبيقات المتصفح)
- إرشادات الوصول إلى محتوى الويب (المعروف أيضا باسم WCAG) وتطبيقات الإنترنت الغنية التي يمكن الوصول إليها (ويعرف أيضا باسم ARIA)
بالإضافة إلى كونه ماهرا في التقنيات المذكورة للتو ، قد يكون مطور الواجهة الأمامية ماهرا أيضا في واحد أو أكثر من المجالات التالية:
- أنظمة إدارة المحتوى (المعروفة أيضا باسم CMS)
- Node.js
- اختبار عبر المتصفحات
- اختبار عبر منصة
- اختبار الوحدة
- اختبار عبر الأجهزة
- إمكانية الوصول / WAI-ARIA
- تحسين محركات البحث (المعروف أيضا باسم تحسين محركات البحث)
- التفاعل أو تصميم واجهة المستخدم
- تجربة المستخدم
- قابليه الاستخدام
- أنظمة التجارة الإلكترونية
- أنظمة البوابات
- التخطيط الشبكي
- تخطيط CSS / الشبكات
- معالجة DOM (على سبيل المثال ، jQuery)
- أداء الويب للجوال
- اختبار الحمل
- اختبار الأداء
- التحسين التدريجي / التدهور الرشيق
- التحكم في الإصدار (على سبيل المثال ، GIT)
- إم في سي / إم في إم / إم إم *
- البرمجة الوظيفية
- تنسيقات البيانات (على سبيل المثال ، JSON ، XML)
- واجهات برمجة تطبيقات البيانات (مثل واجهة برمجة تطبيقات Restful)
- تضمين خط الويب
- رسومات متجهة قابلة للتطوير (ويعرف أيضا باسم SVG)
- التعبيرات العادية
- البيانات الجزئية / التنسيقات الدقيقة
- عداء المهام ، أدوات البناء ، أدوات أتمتة العمليات
- تصميم الويب سريع الاستجابة
- البرمجة الشيئية
- بنية التطبيق
- وحدات
- مديرو التبعية
- مدراء الحزم
- جافا سكريبت الرسوم المتحركة
- CSS الرسوم المتحركة
- الرسوم البيانية / الرسوم البيانية
- مجموعات أدوات واجهة المستخدم
- اختبار جودة الكود
- اختبار تغطية الكود
- تحليل تعقيد الكود
- اختبار التكامل
- سطر الأوامر / CLI
- استراتيجيات القوالب
- محركات القوالب
- تطبيقات الصفحة الواحدة
- أمان الويب / المتصفح
- أدوات مطور المتصفح
في الآونة الأخيرة ، أصبح تحديد مهارات مطور الواجهة الأمامية معقدا بسبب الانقسام الكبير في مهنة مطور الواجهة الأمامية. نشأت فجوة بين مطوري الواجهة الأماميةالذين يركزون على البرمجة وأن يصبحوا مطوري جافا سكريبت / برامج تقليديين موجهين نحو علوم الكمبيوتر ، وكل هذا يستلزم ، وأولئك الذين يركزون أكثر على واجهة المستخدم و HTML و CSS ويحدث أن يعرفون بعض جافا سكريبت. تم تنظيم هذه الفجوة ، للأفضل أو للأسوأ ، من خلال حقيقة أن جافا سكريبت تسللت إلى الواجهة الخلفية ، وبالتالي وجد مطورو الواجهة الخلفية في الوقت المناسب أنفسهم يكتبون نهايات جافا سكريبت الخلفية باستخدام أدوات مثل Node.js و mongoDB. في النهاية ، تسلل هؤلاء المهندسون إلى الواجهة الأمامية. والخبر السار هو أن هذا السيناريو أدى إلى نهضة الواجهة الأمامية وجافا سكريبت. إلى حد كبير ، كل شيء تحسنت. ادوات. اطر. مديري الحزم.
مكتبات. المغلق. جافا سكريبت. ولكن ، لقد تحسنت بشكل خاص بالنسبة لأولئك الذين لديهم بالفعل قيادة لغة برمجة JavaScript. أدت الأخبار السيئة في هذه النهضة أيضا إلى إضعاف وتعقيد المهارات المطلوبة للقيام بتطوير الواجهة الأمامية وسحبت المهنة نحو مجال عمل أكثر تركيزا على الهندسة غالبا ما يتطلب تدريبا تقليديا على علوم الكمبيوتر ومعرفة تطوير البرمجيات على تجربة واجهة المستخدم. لسوء الحظ ، في الوقت الحالي ، قد يتوقف الحصول على وظيفة مطور الواجهة الأمامية اليوم على مدى معرفتك بنظريات علوم الكمبيوتر أو تطوير البرامج أو الأجزاء الخاصة بمواصفات ECMAScript. أقول للأسف لأنه ، في رأيي ، ما هو أكثر أهمية من هذه الأمور هو فهم قوي لكيفية إنشاء نقطة اتصال قابلة للاستخدام بين المستخدم والكود.
في الوقت نفسه ، يحدث اتجاه منذ عدة سنوات حتى الآن حيث يتم إنشاء مواقع الويب وتطبيقات الويب باستخدام بنية عميل سميكة / دهنية (على سبيل المثال ، تطبيقات الصفحة الواحدة أو SPA). بمعنى ، ما كان يتم في الغالب على الخادم يتم الآن في العميل في وقت التشغيل. باختصار ، غالبا ما يتم تشغيل منطق التطبيق الذي يقوم بتشغيل موقع ويب أو تطبيق ويب في العميل بدلا من الخادم. عندما تكون هذه البنية قيد الاستخدام، يتم طلب البيانات التي تقود موقع الويب أو تطبيق الويب في وقت التشغيل بواسطة العميل باستخدام واجهة برمجة تطبيقات البيانات (أي واجهة تقوم بإرجاع البيانات فقط، عادة في شكل JSON). ما يعنيه هذا بالنسبة لمهنة مطور الواجهة الأمامية هو ما كان يعتبر في السابق كفاءات الواجهة الخلفية أصبحت الآن كفاءات مطلوبة للقيام بتطوير الواجهة الأمامية (على سبيل المثال ، تطوير البرمجيات ، وتطوير تطبيقات الويب ، وعمليات بناء البرامج ، وإدارة الدولة) ، وأداء التطبيق ، وما إلى ذلك).
نظرا للانقسام المذكور أعلاه والتحرك نحو التطبيقات السميكة / الدهنية في العميل ، يتم حاليا تمديد طيف مجموعة المهارات الأمامية من قبل ما يعرف باسم مطور مكدس كامل. من المفترض أن مطور المكدس الكامل لا يمكنه فقط ترميز واجهة مستخدم تطبيق الواجهة الأمامية باستخدام HTML و CSS و JavaScript لأحجام شاشات متعددة ولكن يمكنه أيضا تطوير قاعدة البيانات وواجهة برمجة تطبيقات البيانات بالإضافة إلى خادم الويب الذي يخدم العميل. يرى هذا المؤلف أن هذا الجاك لجميع صفقات التطوير قد شوهد من قبل في شكل مشرف موقع ومطوري إطار عمل خلفي. يعتقد المؤلف أن التاريخ سيكرر نفسه وأن فكرة مطور واحد يفعل كل شيء ستأخذ مجراها مرة أخرى ثم يتم استبدالها بحكمة في النهاية بمطورين مركزين بشكل معقول إما يعملون بشكل أساسي على الواجهة الأمامية أو الخلفية مع فصل واضح. أعتقد أن هذا سيحدث لأن المطور الذي يبلغ عرضه ميلا وعمقه بوصة غير كفء في النهاية في العناية المناسبة بواجهة المستخدم وتجربة المستخدم. لا تفهموني خطأ ، واحد في المليون ، وحيد القرن ، مطور نجم موسيقى الروك موجود يمكنه فعل كل شيء والقيام به بشكل جيد. لكن نمذجة مهنة على مثل هذا الفرد غير عملي وخطير.
المسميات الوظيفية
كما ذكرت للتو ، كان هناك انقسام كبير يختمر في مساحة مطوري الواجهة الأمامية لعدة سنوات بين نوعين مختلفين جدا من مطوري الواجهة الأمامية. من ناحية ، لديك مبرمجون يركزون على جافا سكريبت يكتبون جافا سكريبت لأوقات تشغيل الواجهة الأمامية التي من المحتمل أن يكون لديها مهارات في علوم الكمبيوتر مع تاريخ تطوير البرامج. ربما ينظرون إلى HTML و CSS على أنهما تجريد (على سبيل المثال ، JSX و CSS في JS). على الجانب الآخر ، لديك ، على الأرجح ، مطورون غير متعلمين في علوم الكمبيوتر يركزون على HTML و CSS و JavaScript لأنها تتعلق على وجه التحديد بواجهة المستخدم. عند الدخول أو محاولة فهم مساحة مطور الواجهة الأمامية ، ستشعر بهذه الفجوة. مصطلح مطور الواجهة الأمامية على وشك عدم المعنى دون توضيح الكلمات لمعالجة نوع مطور الواجهة الأمامية الذي تتم مناقشته.
فيما يلي قائمة ووصف للمسميات الوظيفية الأكثر شيوعا في الواجهة الأمامية (ضع في اعتبارك أن العناوين صعبة). العنوان الشائع أو الأكثر استخداما (أي العام) لمطور الواجهة الأمامية هو "مطور الواجهة الأمامية" أو "مهندس الواجهة الأمامية". لاحظ أن أي وظيفة تحتوي على كلمة "الواجهة الأمامية" أو "جانب العميل" أو "واجهة مستخدم الويب" أو "HTML" أو "CSS" أو "JavaScript" عادة ما تشير إلى أن الشخص لديه درجة معينة من المعرفة المهنية في HTML و CSS و DOM و JavaScript.
مطور / مهندس الواجهة الأمامية (كان يسمى سابقا المطور من جانب العميل): المسمى الوظيفي العام الذي يصف مطورا ماهرا إلى حد ما في HTML و CSS و DOM و JavaScript وتنفيذ هذه التقنيات على منصة الويب (عناوين URL و HTTP والمتصفحات وواجهات برمجة تطبيقات الويب وما إلى ذلك).
مطور / مهندس التطبيق / جافا سكريبت: المسمى الوظيفي الممنوح للمطور الذي يأتي من خلفية هندسة علوم الكمبيوتر ويستخدم هذه المهارات للعمل مع تقنيات الواجهة الأمامية. يتطلب هذا الدور عادة معرفة علوم الكمبيوتر وسنوات من الخبرة في تطوير البرمجيات. عندما يتم تضمين كلمة "تطبيق جافا سكريبت" في المسمى الوظيفي ، فهذا سيشير إلى أن المطور يجب أن يكون مطور جافا سكريبت متقدما يمتلك مهارات متقدمة في البرمجة وتطوير البرمجيات وتطوير التطبيقات (أي لديه سنوات من الخبرة في بناء تطبيقات البرامج الأمامية). في جميع الاحتمالات ، إذا ظهرت الكلمات مهندس أو جافا سكريبت أو مكدس كامل في المسمى الوظيفي ، فسيستلزم ذلك جافا سكريبت من جانب الخادم (على سبيل المثال ، Node.js ، MongoDB ، إلخ).
مطور / مهندس أداء الواجهة الأمامية: المسمى الوظيفي الممنوح لمهندس تطبيقات JavaScript أو مطور واجهة المستخدم الذي يركز على الآثار المترتبة على أداء JavaScript وأوقات تشغيل JavaScript.
CSS / HTML Developer: المسمى الوظيفي للواجهة الأمامية الذي يصف مطورا ماهرا في HTML و CSS ، باستثناء JavaScript ومعرفة التطبيق.
مصمم ويب الواجهة الأمامية: عندما يتم تضمين كلمة "مصمم" في المسمى الوظيفي ، سيشير ذلك إلى أن المصمم سيمتلك مهارات الواجهة الأمامية (مثل HTML و CSS) ولكن أيضا مهارات التصميم الاحترافي (التصميم المرئي والتصميم التفاعلي).
مطور / مهندس واجهة المستخدم (UI): عندما يتم تضمين كلمة "واجهة" أو "واجهة مستخدم" في المسمى الوظيفي ، فهذا سيشير إلى أن المطور يجب أن يتمتع بمهارات تصميم التفاعل بالإضافة إلى مهارات مطور الواجهة الأمامية أو مهارات هندسة الواجهة الأمامية.
مطور / مهندس الواجهة الأمامية للجوال / الجهاز اللوحي: عندما يتم تضمين كلمة "Mobile" أو "Tablet" في المسمى الوظيفي ، سيشير ذلك إلى أن المطور لديه خبرة في تطوير الواجهات الأمامية التي تعمل على الأجهزة المحمولة أو الأجهزة اللوحية (إما أصلا ، على سبيل المثال ، React Native ، أو على منصة الويب ، أي في متصفح).
خبير تحسين محركات البحث للواجهة الأمامية: عندما يتم تضمين كلمة "SEO" في المسمى الوظيفي ، سيشير ذلك إلى أن المطور لديه خبرة واسعة في صياغة تقنيات الواجهة الأمامية نحو استراتيجية تحسين محركات البحث.
خبير إمكانية الوصول إلى الواجهة الأمامية: عندما يتم تضمين كلمة "إمكانية الوصول" في المسمى الوظيفي ، فإن هذا سيشير إلى أن المطور لديه خبرة واسعة في صياغة تقنيات الواجهة الأمامية التي تدعم متطلبات ومعايير إمكانية الوصول.
مهندس عمليات مطور الواجهة الأمامية: عندما يتم تضمين كلمة "DevOps" في المسمى الوظيفي ، سيشير ذلك إلى أن المطور لديه خبرة واسعة في ممارسات تطوير البرامج المتعلقة بتعاون المطورين والأدوات والتكامل والنشر والأتمتة والجودة.
اختبار الواجهة الأمامية / مهندس ضمان الجودة: عندما يتم تضمين كلمة "اختبار" أو "ضمان الجودة" في المسمى الوظيفي ، سيشير ذلك إلى أن المطور لديه خبرة واسعة في اختبار وإدارة البرامج التي تتضمن الاختبار اليدوي واختبار الوحدة والاختبار الوظيفي / التكامل واختبار المستخدم واختبار A / B.
لاحظ أن كل من هذه المسميات الوظيفية يمكن أن تكون مسبوقة بمصطلحات "مبتدئ" أو "متوسط المستوى" أو "كبير" أو "قائد" أو "مدير" أو "مبدأ".
التخصصات المتداخلة
غالبا ما يعمل مطور الواجهة الأمامية في فريق تطوير ويب يحتوي على الأدوار التالية:
- قائد المشروع / مالك المنتج (أي صاحب المصلحة ، مدير المشروع ، إلخ.)
- المصمم المرئي (أي الخطوط والألوان والتباعد والعاطفة والمفاهيم المرئية والموضوعات)
- مصمم واجهة المستخدم / التفاعل (أي الإطارات الشبكية ، وتحديد جميع تفاعلات المستخدم ووظائف واجهة المستخدم ، وهيكلة المعلومات)
- مطور الواجهة الأمامية (على سبيل المثال ، يكتب التعليمات البرمجية التي تعمل على العميل أو الواجهة الأمامية)
- مطور الواجهة الخلفية (أي يكتب التعليمات البرمجية التي تعمل على الخادم)
الأدوار الخمسة المذكورة للتو يمكن أن تتداخل مع بعضها البعض. على سبيل المثال ، عادة ما يكون لمطور الواجهة الأمامية مقبض جيد لتصميم واجهة المستخدم / التفاعل بالإضافة إلى تطوير الواجهة الخلفية. بالإضافة إلى ذلك ، ليس من غير المألوف العثور على مصمم مرئي يقوم بتصميم التفاعل ويمكنه أيضا المساهمة في جهود ترميز الواجهة الأمامية.
قد يتضمن فريق تطوير الويب الأكبر الأدوار التالية غير المذكورة أعلاه:
- استراتيجيو تحسين محركات البحث
- مهندسو عمليات المطور (المعروف أيضا باسم مهندسي DevOps)
- مهندسو الأداء
- مطورو واجهة برمجة التطبيقات
- مسؤولو قواعد البيانات (ويعرف أيضا باسم DBAs)
- مهندسو / مختبرو ضمان الجودة
تعويض
يتراوح المتوسط الوطني في الولايات المتحدة لمطور الواجهة الأمامية متوسط المستوى بين 65 ألف دولار و 100 ألف.
بالطبع ، عندما تدخل المهنة لأول مرة ، توقع أن تدخل المجال بحوالي 40 ألفا سنويا حسب الموقع والخبرة.
يمكن لمطور / مهندس الواجهة الأمامية الرئيسي / الرئيسي أن يعيش أينما يريد (أي العمل عن بعد) ويجني أكثر من 150 ألف دولار سنويا (قم بزيارة angel.co أو الاشتراك أو مراجعة وظائف الواجهة الأمامية التي تزيد عن 150 ألف دولار أو فحص نطاقات الرواتب في Stack Overflow Jobs).
التحديات المهنية
- لا يزال تدريب وتعليم مطوري الواجهة الأمامية مسعى معقدا ، وغالبا ما يكون أولئك الذين يقتحمون المهنة قد فعلوا ذلك من خلال التصميم الخالص وموارد التعلم الموجهة ذاتيا.
- يتعين على مطوري الواجهة الأمامية كتابة التعليمات البرمجية التي ستدعم واجهة المستخدم على مجموعة واسعة من أنواع الأجهزة وأحجام الشاشات.
- على الرغم من أنها ليست مشكلة معقدة كما كانت من قبل ، إلا أنه لا يزال يتعين على مطوري الواجهة الأمامية كتابة التعليمات البرمجية التي سيتم تشغيلها في العديد من المتصفحات المختلفة (أي أوقات تشغيل منصة الويب المختلفة).
- من المتوقع ألا يكون مطورو الواجهة الأمامية من ذوي المهارات العالية في تصميم واجهة المستخدم وتصميم التفاعل فحسب ، بل أيضا في ممارسة برمجة الكمبيوتر وعلوم الكمبيوتر وهندسة البرمجيات.
- يتعين على مطوري الواجهة الأمامية ركوب موجة التقنيات والمواصفات والأطر والأدوات المتغيرة. هذا الأساس المتحرك له آثار ليس فقط على مهارات الفرد ولكن بالإضافة إلى مدى سهولة تبديل الوظائف.
- لا يجب أن يكون مطورو الواجهة الأمامية خبراء في HTML و CSS و JavaScript فحسب ، بل يجب أن يكونوا أيضا خبراء في اللهجات المعقدة لهذه اللغات (JSX و Markdown و SASS و Flow و Immutable.js و TypeScript و Reason وما إلى ذلك).
- يتعين على مطوري الواجهة الأمامية التعامل مع مجالات التعقيد غير التافهة مثل عرض الخط ، وتحسينات محرك البحث ، ومعايير إمكانية الوصول ، وأمن الويب (على سبيل المثال ، SSL ، OAuth2 ، XSS) ، وتحسينات الصور ، وأداء الشبكة ، والبريد الإلكتروني بتنسيق HTML ، وأداء المتصفح ، وأداء JavaScript ، و HTML ، و CSS ، وعرض DOM ، وأوقات تشغيل JavaScript المتباينة.
- يتعامل مطورو الواجهة الأمامية اليوم مع الآثار المترتبة على محاولة القيام بكل الأشياء على نظام أساسي تم تصميمه في البداية ليكون عارضا ثابتا للمستندات. في الوقت الحقيقي. التطبيقات. رسم متحرك. ألعاب الفيديو. يجب أن يكون الويب هو كل الأشياء. وكل الأشياء صعبة للغاية على مطوري الواجهة الأمامية نظرا لأن الويب يتم عرضه من خلال جهاز يحدده المستخدم ، باستخدام تطبيق يحدده المستخدم ، عبر شبكة يحددها المستخدم. من الصعب القيام بكل الأشياء عندما يتعين على الكود مراعاة مجموعة معقدة من المتغيرات التي يحددها المستخدم.
- مطورو الواجهة الأمامية اليوم عالقون في وضع وظيفي متطور حيث يمكن وضع الكفاءة المهنية لتصميم واجهة المستخدم وهندسة البرامج وتصميم التفاعل والبرمجة الخلفية / من جانب الخادم على مطور الواجهة الأمامية. بشكل أساسي ، يتم وضع توقعات غير واقعية على مطوري الواجهة الأمامية للعمل على مستوى احترافي في أي مكان في مكدس التطوير مع إتقان تطوير واجهة المستخدم.
اترك تعليقا:
