انشئ موقع الكتروني و دمجه مع تطبيق

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

فالموقع الالكتروني هو عبارة عن صفحة html و css يتم إرسالها إلى الزائر عندما يدخل إلى موقع معين

بينما التطبيق هو عبارة عن اكواد برمجية يتم حفظها على جهازك عندما تقوم بتحميل التطبيق وتثبيته وهذه الاكواد لا تكتب باستخدام html و css (ماعدا بعض الحالات الاستثنائية).

ولكن الشيء المشترك بين التطبيق وموقع الويب هو الـ APIs والذي هو الـ Backend.

فمن الممكن ان يوجد الكثير من الواجهات Frontend (تطبيق + موقع ويب + برنامج الحاسوب) ويكون ال Backend نفسه.

وفي هذه الحالة عندما تقوم بتسجيل الدخول من التطبيق يتم إرسال طلب تسجيل الدخول إلى الـ Backend وعندما تسجل دخولك من الموقع يتم إرسال الطلب نفسه إلى نفس الـ Backend  ونفس الامر من برنامج الحاسوب ولكن الذي يفرق هنا هو كيف يتعامل الـ Frontend مع الاستجابة التي يحصل عليها.

أولا يتم إنشاء التطبيق للهاتف باستخدام flutter أو أي تقنية أخرى وإنشاء الواجهات الأمامية للموقع باستخدام html، css، javascrept
وبعد ذلك يتم ربط التطبيق والموقع باستخدام api ومن خلال ال api يعمل الموقع والتطبيق علي قاعدة بيانات واحدة
فإذا قام العميل بإضافة منتج من خلال التطبيق أو الموقع يتم إضافته لقاعدة البيانات
وإذا طلب عرض المنتجات يتم جلب البيانات من قاعدة البيانات وهكذا
فيصبح التطبيق والموقع مختلفين في التصميم ولكن يملكان نفس البيانات التي يتم عرضها والتعامل معها

وهنا ستجد شرح اكثر للapi واستخدامها

هناك ثلاث أشياء يجب عليك معرفتها .

1. Database  و Backend
2. Frontend web
3. Frontend mobile

ما تراه من تصميم واجهات في المواقع الويب فهو Frontend web .
بينما ما تراه من تصميم واجهات في تطبيقات الهواتف فهذا frontend mobile .
اما عن المعلومات والبيانات في الموقع أو التطبيق , فهذا يتم من خلال قواعد البيانات , والتي نتعامل معها من خلال لغات backend

يتم تعامل مع قواعد البيانات من قبل لغات الbackend , يمكنك إنشاء الجدوال , تخزين البيانات , قراءة بيانات , تعديل بيانات .
بالنسبة للغات التي تستخدم في الbackend , فهناك عدة لغات , منها : Node.js , PHP ,  C# ASP.Net , Python Django  وغيره من اللغات.

بالنسبة للواجهات الأمامية للموقع , فهي تتم باستخدام HTML و CSS و Javascript , لكن هناك عدة مكاتب أو لغات للjavascript مثل React  و Angular و Vue .

أما عن تطبيقات الهاتف , فيمكنك استخدام Flutter أو React native لإنشاء مشروع android وIos بكود واحد . أو أن تستخدم java لتطبيقات الandroid و Swift لتطبيقات IOS .

طريقة التواصل بين التطبيق الهاتف والFrontend Web مع الbackend تتم من خلال API .  بمعنى أخر , هي طريقة لتحصل على المعلومات والبيانات من قاعدة البيانات  .

توفر أكاديمية حاسوب دورة كاملة لإنشاء موقع إلكتروني Frontend و Backend و Mobile . وهي تعطيك خبرة كافية لتبدأ بإنشاء ما تريده تماماً . يمكنك استعرض محتواها من خلال رابط الدورة