إنشاء موقع إلكتروني

مرحبًا صلاح..

أولا يجب أن تعلم أن الموقع الإلكتروني هو عبارة عن منتج حاله حال أي منتج أخر يتم صناعته في المصانع من قبل العمال , و مثله مثل أي منتج أخر يمر بعدة مراحل قبل أن يصبح جاهز لتوزيعه على الأسواق.

أول مرحلة هي مرحلة التخطيط ( الورقة و القلم ) : في هذه المرحلة إجلس و تخيل بأن موقعك تم تطويره و جاهز للإستعمال , و قم بكتابة كافة الوظائف و الميزات و الصفحات المتواجدة في موقعك حاول ع قدر إستطاعتك أن لا تنسى شئ.

كل موقع يتكون من جانبين الواجهة front-end و الخلفية back-end , قبل البدء في عملية التنفيذ يجب علينا أولا تحديد الأدوات التي سنستخدمها في عملية التنفيذ لكل جانب أدوات خاصة به و يتم إختيار الأدوات المناسبة بناء على متطلبات المشروع.

قبل سرد الأدوات الأكثر شيوعا يجب توضيح أن جانب الواجهة يتكون من مرحلتين , المرحلة الأولى مرحلة التصميم و المرحلة التانية التكويد ( تحويل التصميم من مجرد مجموعة صور تم تصميمها من قبل graphic designer إلى صفحات ويب تفاعلية بإستخدام لغات و تقنيات مختلفة).

الأدوات الأكثر شيوعا لعمل التصميمات :

أدوبي فوتوشوب , أدوبي إكس دي , أدوبي ألوستريتور ( خاصة في تصميم الأيقونات ).

الأدوات الأكثر شيوعا لتكويد التصميمات :

HTML , CSS , JavaScript

الأدوات الأكثر شيوعا في جانب الخلفية :

Pure PHP or Laravel or Codeigniter , Ruby or Rails , asp.net , Python using Django , node.js

تحديد نوع قاعدة البيانات المستخدمة :

MySql , Oracle , Postgresql , MongoDB

بعد تحديد الأدوات المناسبة لمتطلبات المشروع بإمكانك الشروع في مرحلة التنفيذ و تقسيم عملية التنفيذ إلى عدة مراحل منطقية مصغرة خاصة إذا ما كان المشروع كبير حتى لا تحس بالإحباط عندما ترى بأن لا يزال أمامك الكثير حتى الإنتهاء بعد تجزئته و عند إتمامك لكل مرحلة صغيرة تشعر بأنك تقدمت خطوة نحو هدفك.

و أخيرا تأتي مرحلة الإختبار (testing) لن أتحدث عن هذه العملية هنا لأنها تحتاج إلى مقالة خاصة و لكن هذه قائمة بالإختبارات المطلوبة لإخراج منتج ذو جودة عالية :

Functionality Testing

Usability testing

Interface testing

Compatibility testing

Performance testing

Security testing

ملاحظة : بعض عمليات الإختبار يفضل إجراءها أثناء مرحلة التطوير و ليس بعد الإنتهاء.

أيضا قبل البدء قم بعمل جدول زمني للمراحل الرئيسية و المراحل الفرعية.

نصيحة : للحصول على منتج أكثر إحترافية يفضل إعطاء كل جزئية من المشروع إلي شخص مختلف متخصص في هذا المجال مثلا التصميم لمتخصص في مجال الجرافيك ديزاين , التكويد إلي شخص متخصص في تطوير الواجهات , و البرمجة الخلفية لمتخصص فيها.

أخ صلاح تعتمد حسب فكرة مشروعك ، كل مشروع له متطلبات 

مثلا لو تبغى متجر الكتروني 

- أستضافة موقع او عبر منصات المتاجر الالكترونية

- بوابة دفع مع ربطها مع البنك 

- ربط شركة الشحن 

- توفير بيانات و معلومات  وصور المنتجات لعرضها 

هذا مثال على السريع لكن مرة أخرى تعتمد حسب طلبك وفكرة مشروعك

ببساطه

1. الرسم للموقع على برنامج فوتوشوب او جي اي ام بي او اي برنامج اخر
2. كتابة اكواد الموقع (اذا كان وردبريس عمل الصفحات الاساسيه وهي index - header - footer - sidebar - page - single - comments ) 
3. تحتاج لعمل ملف javascript اذا كان لديك مثلا صور متحركه في الاعلى تسمى banners
4. عمل الشكل الخارجي للموقع الذي يظهر على متصفح الكمبيوتر واخر للموبيل عن طريق الملف style.css
5. طبعا هناك العديد من الفولدرات مثل images و css و js وغيرها

ستحتاج للخطوه الثانيه ان تكون على درايه ب php وخاصه اكواد الدوال الجديده في وردبريس اذا كنت تستخدم وردبريس اما اذا كنت لا تستخدمه فيمكنك الاعتماد على اكواد php ولكن هناك ما يسهل عليك الامور مثل Laravel وهو فريم ورك framework .

للخطوه الثالثه ستحتاج لمعفة لغة جافاسكريبت

للخطوه الرابعة ستحتاج لمعرفة CSS 

طريقة التعلم تبدا بتعلمك HTML ثم CSS ثم javascript ثم php ومعها قواعد البيانات 

إنشاء موقع مثله مثل أي مشروع آخر يبدأ بتدوين الاحتياجات وما يمكن أن يقدمه الموقع .. تخطيط التصميم المراد تطبيقه بأحد تطبيقات الديزاين ثم تحويل التصميم الى صفحات ويب ب الاتش تي ام ال و السي اس اس و الجافا سكريبت وإن كان الموقع ديناميك تقوم بعمل تخطيط لجداول قاعدة البيانات ب ماي اس كيو ال مثلا ثم دور الباك اند لربط الموقع بالسارفر و تنفيذ الروكواست .. هذه رؤوس أقلام فقط بعيدا عن التعمق في كل مرحلة ... 
والسلام عليكم و رحمة الله