+- منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب (http://vb4arb.com/vb)
+-- قسم : قسم لغة السي شارب C#.NET (http://vb4arb.com/vb/forumdisplay.php?fid=175)
+--- قسم : قسم دورات Entity Framework (http://vb4arb.com/vb/forumdisplay.php?fid=212)
+--- الموضوع : [مقال] شويه تعاريف مهمة :D :D (/showthread.php?tid=28205)
شويه تعاريف مهمة :D :D - في رحاب الله - 12-01-19
تعــالوا نعرف بعض المفاهيم اللى بتلخبط فى عالم الويب والفروقات بينهم وهم :
- UX Designer
- UI Designer
- UI Developer
- Front End Developer
- Back End Developer
- Full Stack Developer
بسـم الله ... نمسك واحد واحد ونقول بيعمل ايه بالتفصيل باذن الله
1- الـ UX Designer
الراجل ده بيكون عنده شويه مهارات فى الديزاين وبيحب السرش الكتيير .. بيجمع المهارات
اللى عنده ديه عشان يوصل لحاجه واحده بـس .. انه يلـبى طلبات العميل فى افضل صورة
تكون مريحه ليه والعميل بيحبها .. يعنى بيراعى احتياجات العميل وازاى يخليه يوصل
للى هو عايزه من خلال اقصر الطرق واكبرها كفاءة
الراجل بعد ما بيعمل كل الحاجات ديه بيخرج بناتج نهائى وهو حاجه اسمها Wireframes
وده عبارة عن تصميم للموقع كله شكله بيكون ابيض واسود من غير اى الوان او اى حاجه
يادوب بيكون تصميم الموقع بصفحاته بكل اشكاله اللى بيكون اتفق مع العميل بيها
وده مثال على الـ wireframe بيكون بالشكل ده : https://goo.gl/MXTDuM
==================================================
2- الـ UI Designer
الراجل ده بقى بيستلم الـ wireframe من البرنس اللى قبله وبيكمل بقى على الشكل
انه بيشوف الالوان المناسبه والعناصر موجوده تمام ولا ويظبط المكونات بتاعه الموقع
كاملة ويقدر يستخدم الفوتوشوب فى الحوار ده عشان يطلع التصميم مظبوط بالالوان
ويكون فيه الروح كده بدل ما بيكون ابيض واسود والامثله على الشكل اللى بيطلع
بيكون اى موقع انت بتشوفه عادى على النت بس كشـكل من غير كود
=================================================
3- الـ UI Developer
الراجل الكريم ده بقى بياخد التصميم اللى صممه اللى قبله ويعمل ايه بقى يا باشا ؟
بيدأ يكود بقى الموقع باستخدام الـ HTML و CSS و JS وكده
=================================================
4- الـ Front End Developer
الراجل ده نفس الكلام بيكود الموقع باستخدام الـ html و Css و js وكده
=================================================
س : اومال ايه الفرق بقى يا عمنا بين ال UI Developer و Front End ؟؟
- بص يا ريس الفرق بسيط جداا وهو كالتالى :
الراجل UI Developer ده
- بيكون عنده اهتمااام اكبر بالـ HTML و CSS على حساب الـ JS ومكتباتها
- بيهتم اكتر هل الصورة موجوده بشكل كويس فى الموقع . هل الزراير مناسبه والونها كويسه - بيهتم بالتقنيات وال methodologies اللى هيا زى ال BEM و OOCSS و SMACSS
- بيشوفوا الموقع كأجزاء بمعنى ان كل صفحه جزء لوحدها مش كل الصفحات مترابطه ببعض وكمان مش بيهتم انه يخلص المشروع فى وقت معين لأ .. وقت ما يخلص عادى
الراجل الـ Fornt End بقى
- بيكون عنده اهتمام اكبر بالـ JS ومكتباتها وكمان بيهتم بBackbone.js, React.js
- بيهتم انه يخلص المشروع بتاعه فى وقت معين ومحدد
- بيشوف الموقع كجزء كامل بكل الصفحات يعنى بيشوف الصفحات كلها مترابطه ببعض
ككجزء واحد على عكس ال UI developer
- بيحلل كل اجزاء الموقع ويطور منه بحيث يوصله لافضل شكل مناسب ومريح للمستخدم
==================================================
5- الـ Back End Developer
الراجل ده بقى بيهتم بالجانب الغير مرئى من الموقع .. بالمعنى الادق اللى هو ماذا
يحدث وراء الكواليس .. كل الحاجات ديه الراجل ده اللى بيعمها.. شويه امثله
- مثلا لما تيجى تسجل الايميل والباسورد ازاى بيعرف ان هو انت ؟
ببساطه عن طريق ان فيه حاجه اسمها database مكان كده فيه كل الاسماء والباسوردات
اول ما بتدخل اسمك والباسورد يروح يقارنهم ويعرف ان ده انت مش ده حد تانى xD
- بيركز على ازاى يطور الموقع وازاى يأمنه Security بيهتم بيها
- بيسموه برده ال web Developer
- الـ Front يهتم بواجهه وشكل الموقع والـ Back يهتم بتطوير الموقع وتظبيط الامان
والداتا بيز والشغل ده
=================================================
6- الـ Full Stack Developer
الراجل ده بقى اللى فاهم كل حاجه بيجمع ما بين ال Front و Back
=================================================
أسال الله ان اكون قدمت ولو معلومه بسيطه مفيده فى التعريفات ديه وتكون مفهومه
RE: شويه تعاريف مهمة :D :D - اباذر - 06-04-19
الله يبارك فيك
موضوع اكثر من رائع
مودتي
RE: شويه تعاريف مهمة :D :D - walidd - 31-10-20
. شكرا للمشاركة! snaptube vidmate word to pdf
RE: شويه تعاريف مهمة :D :D - pushperaj65 - 09-02-23
- It sees the site as a complete part with all pages, meaning it sees all pages linked to each other
momix
myindigocard