مقدمة

السلام عليكم و رحمة الله تعالى و بركاته , مرحبا , كيف حالكم جميعا , ارجو من الله سبحانه و تعالى جل و علا

ان تكونو بخير و صحة و سلامة و عافية و اما بعد ان ما سوف اقوم بـ كتابته الان كتبه غيري ملاين المرات

في المواقع و الجروبات

لكنني احببت ان اقوم بـ كتابته و لكن بطريقة مختلفة قليلا , عسى ان تكون مبسطة و مفهومة لمن يعمل و لا يعمل

في هذا المجال فـ لنبدأ على بركة الله عز وجل :

تحضير الفكرة

ان اي موقع في هذا العالم قائم على فكرة , ان لم تكن الفكرة موجودة , فـ هذا يعني ان الموقع بلا اي معنى و عليه فـ عند البدء

بتصميم اي موقع في هذا العالم , عليك ان تحضر الفكرة , يعني هل تريد موقع تجاري ؟ موقع مدونة ؟ موقع تعليمي ؟ موقع طبخ ؟

المهم ان تمتلك الفكرة لان كل ما سوف يلي معتمد بشكل كلي عليها ان شاء الله تعالى

مرحلة تخطيط التصميم

ان اي موقع احترافي في هذا العالم , كان عبارة عن تصميم قبل ان يتحول الى كود و برمجة , و عليه فـ يجب ان يكون

هناك تخطيط واضح للتصميم , و هذا التخطيط يتم وفق الفكرة التي تكلمنا عليها في البداية , فـ تقسيم و تخطيط

موقع تجاري ليس كـ تخطيط و تصميم موقع مدونة و قس هذا الامر على كل الافكار ان شاء الله , فـ يجب ان يكون

هناك تخطيط واضح لـ التصميم , و يتم ذلك عن طريق مهنة تدعى بـ الـ ux حيث يقوم الاخير بـ تخطيط التصميم

و وضع اساسياته و ضبط تجربة المستخدم و ذلك كله بعد التكلم مع العميل و معرفة افكاره و ما يريد

مرحلة تحويل المخططات الى تصميم

حيث ان هذه المرحلة تقوم بها مهنة تدعى بـ الـ ui حيث يقوم الاخير بـ تحويل المخططات و الاحداثيات الى تصميم مرئي

بـ الوان و خطوط و اقسام , بحيث يكون الركز الاساسي لـ بناء الموقع فيما بعد , و يتم التصميم باستخدام برامج مخصصة

مثل الـ adobe xd او فيجما او سكراتش او الفوتوشوب و الليستريتور , بمعنى الـ ui هو مصمم الويب

مرحلة تحويل التصميم الى كود يمكن التفاعل معه في المتصفح

و هذه المرحلة تقوم بها مهنة اسمها الفرونت اند ديفلوبر , او فرونت اند , حيث يقوم بـ تحويل الصورة الى اكواد يمكن التعامل

معها و تحسينها و تطويرها و يتم ذلك عن طريق لغات التصميم الاساسية : html5 - css3 - javascript و يحب المبرمجين

ان يقومو بـ تسمية الـ html and css بـ لغات توصيف لانها بالفعل تقوم بتوصيف الشكل , لكن لا مانع من تسميتها لغات تصميم

المهم عدم تسميتها لغات برمجة لان تعاملها ينحصر فقط في المتصفح لا السيرفرات

مرحلة ربط الكود او الموقع مع قواعد البيانات و السيرفرات و انشاء الحماية

هذه المرحلة هي المرحلة ما قبل الاخير في مسيرة انشاء المواقع الاكترونية , حيث تقوم بها مهنة اسمها باك اند ديفلوبر او باك اند

حيث يقوم بـ استخدام لغات برمجة مثل الـ php او الـ python او الـ c# او الـ node js مع قواعد بينانات مثل الـ mysql

و ذلك حتى يقوم بـ ربط الموقع مع قاعد البيانات بحيث يصفح تفاعلي و يصبح ببساطة موقع يمكن ان يستخدم

و طبعا يتم ايضا ضبط الحماية من الاختراق و ذلك حتى يكون الموقع محمي باقصى درجة ممكنة

مرحلة التجربة

هذه المرحلة تعتبر المرحلة المفصلية في خط سير هذا المجال , حيث ان مرحلة التجربة يقوم بها شخص اسمه تيستر

حيث يقوم الاخير

بـ تجربة الموقع سواء من ناحية تجربة المستخدم , او من ناحية التفاعل مع الموقع , او من ناحية التفاعل البرمجي معه و ذلك

حتى يصل الى استنتاج ان الموقع جاهز للعميل , طيب ان لم يجد هذا الاستنتاج ؟ ببساطة يكون الاخ الكريم قد كتب ملاحظات

و يقوم بـ ارسالها الى الـ ui ux او الى الـ front end او الى الـ back end و ذلك لتحسين و اصلاح الخلل ثم يعود مجددا

للاختبار الى ان يصبح الموقع جاهز للاستعمال

مرحلة التسليم

من اسمها يتم تسليم الموقع للعميل سواء بـ رفعه على استضافة او اعطاء ملفات العمل لـ العميل لكي يرفعها في حال كان يعرف ذلك

و بهكذا ينتهي خط انتاج المواقع الاكترونية ان شاء الله تعالى

ملاحظات

1- كثيرا ما نسمع عن مصطلح الجمع ui ux و كثيرا ما يقول الناس انهم شخص واحد , و الجواب هو : نعم شخص واحد و لكن

يمكن ان يكون شخصين , و لكن لسهولة الشرح قمت بـ فصلهم لا اكثر

2- الـ node js عبارة عن اطار او تقنية تابعة لـ الجافا سكربت , و ذلك لان الجافا سكربت بـ امكانها ان تدخل في الفرونت

و الباك , بحكم انها لغة برمجية يمكن استخدامها في المجالين , لكن هذا الامر لم يكن ممكن من قبل , الا بعد ظهور تقنية الـ node

حيث ان الجافا سكربت كانت فقط تتعامل مع المتصفح رفقة لغات التوصيف , الا انها اصبحت تتعامل مع السيرفرات مع تقنية

الـ node و لم ارد ان اوضح هذا الامر اثناء الشرح حتى لا يحدث اي تضارب او تشتيت فـ هذا المقال موجه بالدرجة الاولى

الى من لا يعرف شيء حول هذا المجال او من لا يمتلك خبرة كبيرة به

3- يمكنك ان تكون ui ux and front end and back end و بهذه الحالة تسمى بـ الـ full stack اي كومة كاملة

و الكمال الواحد لـ الله سبحانه و تعالى جل و علا

خاتمة

و بهكذا انتهي من شرح هذا المقال , على رجاء ان اكون قد وفقت في تبسيط المعلومة و لنا لقاء قريب

ان شاء الله تعالى و الى ذلك الحين , اعتنو بانفسكم و كان الله تعالى في عونكم و السلام عليكم و رحمة الله تعالى و بركاته

و اتقو الله تعالى ما تستطيعون سبيلا , و لا تنسو الصلاة الحالية , قيام الليل و السنن البعدية , فـ فيهم اجر عظيم ان شاء الله تعالى , قراءة اية الكرسي بعد كل صلاة مكتوبة , قراءة سورة الكهف و البقرة و الجزء الاخير منها , الصلاة على النبي , صلى الله عليه و سلم , الاستغفار لكم و لمن تحبونهم و تهتمون لامرهم و ترديد دعاء : اللهم انك عفو تحب العفو فاعف عني او عنا

و ترديد الجملة العظيمة المقدسة الكاملة الحبيبة للرحمن الخفيفة على اللسان :

سبحان الله و بحمده , سبحان الله العظيم

^_^