محتويات
* مسؤوليات مطور الواجهة الأمامية للويب Front-End
* كما تشمل مسؤوليات مطور الواجهة الأمامية للويب أيضًا :
* مكان عمل مطور الواجهة الأمامية للويب Front-End
* الفرق بين مطور الواجهة الأمامية للويب ومطور النهاية الخلفية للويب
* البرامج والأدوات التي يستخدمها مطور الواجهة الأمامية للويب Front-End
* أدوات التصميم الرسومية ، ومحرري الكود
* لغات البرمجة التي يستخدمها مطور الواجهة الأمامية للويب
* مسميات أخرى لمطور الواجهة الأمامية للويب
* راتب مطور الواجهة الأمامية للويب
* كيف تصبح من مطوري الواجهة الأمامية للويب
* السمات الشخصية لمطور الواجهة الأمامية للويب
مطور الواجهة الأمامية للويب Front End ، هو مطور ويب يرمز إلى الواجهة الأمامية لموقع ويب ، في حين أن تصميم الويب هو الطريقة التي يبدو بها موقع الويب ، فإن تطوير الواجهة الأمامية ، هو كيف يتم تنفيذ هذا التصميم بالفعل على الويب.
فصفحات الإنترنت هي عبارة عن مجموعة من الطبقات ، والبيانات ، والتصميم ، والمحتوى والوظائف ، والويب عبارة عن وعاء غبار من ملفات HTML و GIF (قيد الإنشاء) بدون أن يقوم مطورو الواجهة الأمامية بأخذ بيانات الواجهة الخلفية ، وإنشاء وظيفة تواجه المستخدم ، من خلال دمج لغات الترميز ، والتصميم ، والنصوص البرمجية والأطر ، كما يقوم مطورو الواجهة الأمامية ، بإنشاء البيئة لكل ما يراه المستخدمون وينقرون عليه ويمسونه.
مسؤوليات مطور الواجهة الأمامية للويب Front-End
يربط مطور الواجهة الأمامية للويب عالم التصميم بالتكنولوجيا ، ويعبئ فائدة النهاية الخلفية ، بطريقة جذابة للمستخدمين للتفاعل معها ، كما يأخذون ملفات تصميم موقع الويب ، ويحولونها إلى HTML و JavaScript (JS) و / أو كود CSS – العناصر الأساسية لتطوير الواجهة الأمامية ، وهذا يشمل التصميم / التخطيط والمحتوى ، والأزرار ، والصور ، والتنقل ، والروابط الداخلية. [1]
وكل ما يراه المستخدم أو ينقر عليه ، أو يستخدمه لإدخال المعلومات ، أو استردادها على موقع ويب ، هو عمل مطور الواجهة الأمامية للويب ، وهذا يتطلب أن تكون مبدعًا بالتكنولوجيا ، كما ينصب تركيزهم على تجربة المستخدم ، وتتوقف التكنولوجيا التي يطبقونها على مدى جودة تحقيق هذه الكفاءة ، والسرعة والأداء السلس ، كما يتأكدون أيضًا من عدم وجود أخطاء في الواجهة الأمامية ، وأن التصميم يظهر كما يفترض عبر الأنظمة الأساسية ، والمتصفحات المختلفة.
كما تشمل مسؤوليات مطور الواجهة الأمامية للويب أيضًا :
1- إعطاء الأولوية لتجربة المستخدم.
2- إضفاء الحيوية على المفهوم باستخدام HTML و CSS و JavaScript.
3- إنتاج وصيانة مواقع الويب ، وواجهة مستخدم تطبيقات الويب.
4- إنشاء أدوات تعزز التفاعل مع الموقع في أي متصفح.
5- تنفيذ التصميم لمواقع الجوال.
6- الحفاظ على إدارة سير عمل البرامج.
7- النظر في أفضل ممارسات تحسين محركات البحث.
8- اختبار الموقع لسهولة الاستخدام وإصلاح أي أخطاء.
مكان عمل مطور الواجهة الأمامية للويب Front-End
الرواتب اللائقة ، والطلب المرتفع ، والأمن الوظيفي ، والكثير من الخيارات للتنقل ، ليست سوى بعض المزايا التي تأتي مع مهنة تطوير الويب من الواجهة الأمامية ، حيث يبحث أصحاب العمل عن حل المشكلات ، وليس فقط الأشخاص الذين يمكنهم البرمجة ، ولكن الأشخاص الذين يمكنهم الجلوس مع مصممي تجربة بصرية ، وتجربة مستخدم لحل التحديات الرئيسية.
يعد تطوير الواجهة الأمامية ، مجالًا مرنًا جدًا من حيث أين ومتى يمكن إنجازه ، ويميل مقدار العمل المستقل المتاح إلى أن يكون وفيرًا تمامًا ، مثل فرص العمل بدوام كامل.[2]
الفرق بين مطور الواجهة الأمامية للويب ومطور النهاية الخلفية للويب
في سياق تطوير الويب ، يميل مطورو الواجهة الأمامية بشكل عام ، إلى العمل على الأجزاء التي يواجهها المستخدم ، من موقع ويب أو تطبيق ، ويقضون عمومًا وقتهم في العمل مع التقنيات ، من جانب العميل التي تشكل موقع ويب ، مثل HTML و JavaScript و CSS.
يميل مطورو النهاية الخلفية ، إلى العمل مع التقنيات من جانب الخادم ، التي تعزز وظائف الموقع ، وترتبط المهنتان ارتباطًا وثيقًا ، من حيث أنه يجب أن يعملوا معًا بشكل عام ، لإنشاء موقع ويب يعمل بشكل كامل.
ثم يأتي الانقسام نفسه من كيفية أرشفة الويب ، على مستوى أساسي ، حيث يشار إلى جانب العميل عمومًا باسم المستعرض ، وجانب الخادم ، هو مجموعة التكنولوجيا التي تتلقى الطلبات وتولد ردودًا.
البرامج والأدوات التي يستخدمها مطور الواجهة الأمامية للويب Front-End
يمكن لمطوري الواجهة الأمامية الاختيار من بين عدد كبير من الأدوات ، للقيام بعملهم ، ولكن هذه تقع عادةً في فئتين : أدوات التصميم الرسومية ، ومحرري الكود.
أدوات التصميم الرسومية ، ومحرري الكود
أدوات التصميم الرسومية مفيدة لبناء نموذج أولي للتطبيق ، وتجربة واجهة المستخدم ، وإنشاء التصميم النهائي ، واعتمادًا على حجم الفريق ، قد يكون مطور الواجهة الأمامية مسؤولًا إلى حد ما عن العناصر الرسومية للتطبيق ، بغض النظر عن حجم الفريق ، ومع ذلك من المرجح أن يجد المطورون الأماميون أنفسهم يستخدمون الحد الأدنى من أدوات النماذج الأولية.
ويمكن أن تتراوح هذه الأدوات من لوحة من الورق والقلم الرصاص ، إلى أدوات النماذج الأولية المخصصة مثل Balsamiq Mockups ، إلى المحررين الرسومية الكاملة مثل Photoshop أو Sketch ، سيجد مطورو الواجهة الأمامية ، المسؤولون عن المزيد من العناصر الرسومية للتطبيق ، أنفسهم باستخدام أدوات تحرير رسومية كاملة مثل Photoshop أو Illustrator أو Sketch أو Figma في كثير من الأحيان.
وهناك مجموعة من برامج تحرير التعليمات البرمجية ، بدءًا من برامج التحرير خفيفة الوزن بشكل لا يصدق مثل Notepad ، وصولاً إلى (برامج تحرير التطوير المتكاملة) (IDEs) مثل Eclipse أو Visual Studio.
وقد يستغرق بعض المحررين الأكثر تعقيدًا مثل emacs أو vim ، شهورًا لإتقانها ، ومحرر كود المطور هو اختيار شخصي للغاية ، ولا يوجد حل مثالي واحد ، فسيختبر معظم المطورين العديد من برامج تحرير الكود ، قبل الاستقرار على واحد.
وتحدث جميع عمليات التطوير تقريبًا على جهاز كمبيوتر ، لذلك من المرجح أن يضع المطور الأمامي الكثير من التفكير في الجهاز الذي يختارونه ، مطلوب عدد قليل جدًا من الأدوات الأخرى ، على الرغم من أن بعض المطورين الأماميين ، قد يختارون إحاطة أنفسهم بأجهزة دفاتر الملاحظات ، والألواح البيضاء.
لغات البرمجة التي يستخدمها مطور الواجهة الأمامية للويب
مطورو الواجهة الأمامية للويب مسؤولون عن تنفيذ التصاميم والمفاهيم على الويب ، مما يعني أن أدواتهم الأساسية هي HTML و CSS و Javascript ، ويتم استخدام HTML لتخطيط المحتوى ، وهيكل المستند ، بينما يتم استخدام CSS لتصميمه ، قبل تطبيق JS حيث يلزم أي شيء يتجاوز التفاعل الأساسي.
وفي كثير من الأحيان يكون تطوير الواجهة الأمامية شديد الكثافة ، موجهًا إلى جافا سكريبت ، خاصة عند العمل على تطبيقات الويب الحديثة عالية التفاعل.
كما يميل مطورو الواجهة الأمامية للويب إلى الاستخدام المكثف للمكتبات المبنية على هذه اللغات الثلاث لتسهيل التطوير ، سواء كانت أطر تصميم مثل Bootstrap أو Foundation ، أو مكتبات Javascript مثل AngularJS و React التي تهدف إلى تسهيل تطوير تطبيقات الويب.
وزادت الإضافات الأكثر قوة من CSS مثل SASS أيضًا ، في الشعبية في السنوات الأخيرة ، حيث توفر لمطوري الواجهة الأمامية ، المزيد من القوة والنمطية في تصميمهم.
وفي كثير من الأحيان قد يصل مطورو الواجهة الأمامية ، إلى كود PHP أو Ruby أو Python من أجل ربط البيانات بطرف خلفي ، لذا فإن الإلمام باللغات الموجهة إلى الويب ، بخلاف HTML القياسي ، و CSS و Javascript الثلاثي مهم جدًا أيضًا.
مسميات أخرى لمطور الواجهة الأمامية للويب
يعرف أيضًا مطور الواجهة الأمامية للويب Front-End بما يلي :
* مهندس الواجهة الأمامية.
* مهندس برمجيات الواجهة الأمامية.
* مطور ويب الواجهة الأمامية.
* مطور الواجهة الأمامية للعميل.
راتب مطور الواجهة الأمامية للويب
يبلغ متوسط الراتب لمطور الواجهة الأمامية للويب ، على سبيل المثال في الولايات المتحدة حوالي 50،795 دولار سنويًا. يحصل مطورو Front-End على متوسط راتب سنوي قدره 50،795 دولار ، تبدأ الأجور عادةً من 39،138 دولار وتصل إلى 105،627 دولار. [3]
رواتب مطورين الواجهة الأمامية للويب حسب الأقدمية ، كالتالي :
* يبدأ راتب مطوري الواجهة الأمامية من المستوى الأعلى من : 78 دولار للساعة ، 105،627 دولار.
* تبدأ أرباح مطوري الواجهة الأمامية من المستوى الأول السنيور من : 32 دولار للساعة ، 69313 دولار.
* تبدأ أرباح مطوري الواجهة الأمامية من المستوى المتوسط من : 42 دولار للساعة ، 50795 دولار.
* تبدأ أرباح المطورين الأمامية على مستوى المبتدئين الجنيور من : 42 دولار للساعة ، 42481 دولار.
* تبدأ أرباح المطورين الأمامية من المستوى الأول من : 82 دولار للساعة ، 39138 دولار.
كيف تصبح من مطوري الواجهة الأمامية للويب
عند التفكير في البدء في تطوير الواجهة الأمامية ، قد لا يكون المرء متأكدًا من أين يبدأ ، لان هناك العديد من الخيارات المتاحة ، ليس فقط للبرمجة اللغوية ، ولكن فيما يتعلق بالأطر ، والأدوات ، والتقنيات أيضًا.
لكن الثابت أنه يحتاج الأفراد إلى فهم HTML ، و CSS ، وجافا سكريبت كحد أدنى ، ليكونوا مطورين أماميين ، وتتوفر جميع أنواع الدورات التدريبية عبر الإنترنت ، حول كيفية البدء ، ولا يقتصر كونك مطورًا أماميًا على تعلم مختلف أطر العمل الأمامية ، ولغات البرمجة فحسب ، بل يتعلق أيضًا بالتفاعل ، والمسؤوليات والأدوار أيضًا.
لا يلزم الحصول على درجة علمية ، ولكن إذا أراد المرء أن يكون قادرًا ، على تجاوز إنشاء مواقع ويب صغيرة ، فسيكون من المفيد أخذ دورات عبر الإنترنت أو غير ذلك ، في موضوعات أكثر تقدمًا ، مثل الأمان ، أو إدارة قواعد البيانات ، أو إدارة Linux ، أو apache ، أو مخاوف الواجهة الأمامية مثل WAI ، أو ARIA و 503 Compliance الامتثال ، ونظرًا لأن الويب هو عالم يتطور بسرعة ، يجب ألا يتوقف مطورو الواجهة الأمامية عن التعلم أبدًا. [4]
السمات الشخصية لمطور الواجهة الأمامية للويب
1- مطوري الواجهة الأمامية للويب استقصائيون
يميل مطورو الواجهة الأمامية للويب Front-End ، إلى أن يكونوا في الغالب أفرادًا استقصائيين ، مما يعني أنهم أشخاص فضوليون للغاية
2- مطوري الواجهة الأمامية للويب فنيون
كما أنهم يتميزون بأنهم ذوات حس فني عالي ، مما يعني أنهم مبدعون ، وبديهيون ، وواضحون ، ومعبرون ، مما يعني أن أصحاب تلك المهنة يعمل أفرادها بشكل جيد في بيئة تسمح بالتعبير عن الذات.
3- مطوري الواجهة الأمامية للويب واقعيون
يتم وصف تلك المهنة بأنها دقيقة بشكل مثير للصدمة ، مما يتميز أصحابها بأنهم فكريون واستبطانيون ، ومنهجيون وعقلانيون وتحليليون ، ومنطقيون ، ويحبون غالبًا قضاء الوقت بمفردهم مع أفكارهم.
http://dlvr.it/S0KRVS
