اذا كنت انا front-end developer

كما تعلمت من دورة تطوير واجهات المستخدم وظيفتك هي تحويل التصميم المقدم إليك إلى web page وهذا ما يحدث غالباً علي مواقع العمل الحر ولكن إذا طلب منك العميل أن تقوم بتصميم الموقع يمكنك عمل ذلك بسهولة علي برنامج AdobeXd أو يمكنك تصفح التصاميم الجاهزة علي الأنترنت وهي كثيرة وتوجد علي مواقع مثل behance, themeforest, dribble, وغيرها الكثير 

أما إذا كان التصميم جاهز يمكنك معرفة المقاسات من برامج مثل Photoshop او sketch او

AdobeXD  حسب صيغة ملف التصميم مثلاً

1. إذا كان الملف psd ستستخدم photoshop
2. Xdfiles ستستخدم adobeXd

أما بالنسبة لمراحل التصميم لا يعنيك إلا مرحلة تكويد الموقع أو احيانًا تصميمه أيضًا 

وعليكم السلام ورحمة الله وبركاته 

مرحباً عبدالله: 

• يجب أن تفهم أن المطور وظيفتين مختلفتين فإذا أراد العميل تصميم فهو يقصد المصممين وليس المبرمجين إلا إذا كان المبرمج لديه خلفية جيدة في التصميم ويستطيع تنفيذ ما يريده العميل.
• أما إذا أحضر العميل التصميم لك على هيئة ( ملف PSD أو فوتوشوب أو غيره ) فيمكنك أخذ المقاسات من خلال فتح البرنامج كما فعل المدرب في الشرح . أما إذا كان التصميم عبارة عن صورة فيمكنك أن تفتح الصورة في المتصفح وتستخدم أي إضافة للمتصفح تسمح لك بأخذ الأبعاد ( مثل: Page Ruller ) والألوان ( مثل ColorZilla ) وغيرها 

أما بالنسبة لمراحل إنشاء موقع: 

1. تصميم الموقع ( خاص بالمصممين ): وهي خطوة لتحويل الأفكار والتخيل المبدئي للموقع وتحويله لصورة 
2. تكويد الموقع ( خاص بالمطورين ) : أخذ التصميم وتحويله لموقع باستخدام ال HTML - CSS  - JS أو غيرها 
3. ال business ( المطور ) : هو تخزين البيانات وتنفيذ ما تريده أو يريده العميل مثل ( إذا دخلنا على الصفحة يحدث كذا أو إذا كان هناك خطأ في الصفحة تعرض له صفحة خطأ ثم توجهه إلى الصفحة الرئيسية وهكذا ) والمسؤل عن هذه الأشياء هو أنت إذا كنت صاحب المشروع أو العميل ومن ثم تأخذ هذه التوجيهات وتتنفذها بمهاراتك البرمجية.