لوحة المتصدرين

ما الفرق بين nuxt و vue ومن الافضل

اريد شرح لدالات التالية الخاصة في vue beforeCreate & created & mounted & beforeMount & beforeUpdate & updated & beforeUnmount unmounted

اريد شرح ل props بطريقة حديثة مع مثال في كود

هل يجب علي تعلم Css لكي اصبح مطور جانغو فانا ادرس من دورة تطوير التطبيقات باستخدام بايثون ووصلت الي جانغو واشكل علي درس تنسيق المشروع باستخدام بوتستراب فقد وجدت صعوبة في فهم وحفظ اسماء الكلاسات

السلام عليكم في مسار لغة java Scripts لم اتعلم مهارة إنشاء صفحة payment هل هنالك طريقه لاضافه هذه الصفحة مع رياكت كذاك ايضا اود تعلم كيف استخدام API التسجيل حسابات المستخدمين المسجلين مسبقا في جوجل او فيسبوك باستخدام رياكت ودمجه مع باك اند

السلام عليكم بعد انتهائي من الدورة و اخذي للشهادة ان شاء الله بماذا ساعمل ساكون مبرمج ولكن مبرمج لاي شيئ ؟ عندما بحثت في الدورات قلت لنفسي انه يجب ان ادرس دورة علوم حاسوب لتكون بداية صحيحة ولكن بعدما درست قليلا تسائلت بماذا قد اعمل فانا هنا لا اتخصص بشيئ محدد انا ادرس مفاهيم و شكرا لكافة القائمين على هذا العمل

https://colab.research.google.com/drive/1SxeCyH5AtfzvFYMghuBts9UKqJRItd9V?usp=sharing&pli=1#scrollTo=5GuHu6rfFpf7

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

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

اشاهد دروس دورة علوم حاسوب ولكن عندما ادخل الى الدرس تظهر لي رسالة sorry video does not exist مع العلم ان سرعة الانترنت عندي 60

شكرا استاذ محمد

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

أولا إن Django هو إطار عمل للواجهات الخلفية بشكل خاص . أى تعلمه لا ينبغي أن يكون لديك خلفية عن ال CSS حيث يمكنك إستخدام قوالب مباشرة ووضعها في الكود لديك في ملفات العرض. ولكن بالطبع وجود خبرة في CSS سيعطيك أفضلية وتستطيع بسهولة حل مشاكل القوالب إذا حدثت معك. ولهذا أنصحك بمشاهدة مسار "أساسيات تطوير الويب" في دورة " تطوير واجهات المستخدم" حيث يمكنك مشاهدة أول مسار بشكل مجاني لأى دورة أنت لست مشترك بها. أما بخصوص bootstrap فبالطبع ستجد صعوبة في البداية في حفظ أسماء ال classes ولكن مع التدريب والتمرين وكثرة إستخدامه في المشاريع ستجد أنك حفظت أغلب الأسماء التي تستخدم بكثرة . وإذا كانت لديك خبرة في ال css ستجد الأمور أسهل في حفظ أسماء ال classes لأنها مشتقة من خصائص CSS بالفعل.

في الواقع لأي مطور مواقع سواء كان مطور واجهة امامية او خلفية يجب عليه تعلم ال css لانها من اساسيات التطوير لكن بإمكانك عدم التعمق فيها فحفظك للأساسيات كافي. اما بالنسبة لبوتستراب فلو كنت تعرف الأساسيات الخاصة بcss فلن تصعب عليك كثيرا في الواقع لانها نفس المنطق بل بالعكس معرفة css ستساعدك في فهم bootstrap او اي من اطر العمل الخاصة ب css. انت لا يجب عليك حفظ كل الكلاسات لكن بإمكانك فهمها فهي قابلة للفهم فمثلا فحرف p تشير إلى ال padding وحرف m إلى margin وغيرها الكثير. الخلاصة انه نعم يجب عليك معرفة css ولو بالقدر القليل فقد تحتاجها كثيرا في مشاريعك فلا يوجد مشروع بدون تنسيق.

وعليكم السلام ورحمة الله وبركاته. لإنشاء صفحة دفع يتطلب دمج الكود لديك مع مزود خدمة دفع خارجي (Payment Gateway) حيث لا يمكنك معالجة المدفوعات مباشرة في الواجهة الأمامية أو الخلفية بنفسك لأسباب أمنية . ولذلك يجب عليك أولا اختيار مزود خدمة دفع (Payment Gateway ) والأكثر شهرة وإستخدام هما Stripe و PayPal وكلاهما يوفر وثائق ممتازة ومكتبات سهلة الاستخدام ل React. فمثلا لإستخدام : Stripe: يمكنك إستخدام مكتبة @stripe/react-stripe-js و @stripe/stripe-js. PayPal: يمكنك إستخدام @paypal/react-paypal-js. وهذه هي المكتبة : https://www.npmjs.com/package/@paypal/react-paypal-js و يمكنك تفقد المثال التالي : https://paypal.github.io/react-paypal-js/?path=/docs/example-paypalbuttons--default وطريقة العمل هو في الواجهة الأمامية (React) ترسل معلومات الدفع مثل رمز البطاقة "token" الذي تم إنشاؤه بواسطة مكتبة مزود الدفع أو معرف المنتج أو الخدمة الذي تستخدمه إلى الواجهة الخلفية. وفي الواجهة الخلفية يتم إستخدام مفتاح API السري الخاص بك للتواصل مع مزود خدمة الدفع لإنشاء عملية الشحن (charge) أو الدفع. وفي النهاية يتلقى الخادم استجابة من مزود الدفع سواء بنجاح العملية أو فشلها ويرسلها مرة أخرى إلى الواجهة الأمامية. أنصحك بمشاهدة فيديوا على اليوتيوب لهذا الأمر حيث الأمر طويل قليلا ولكنه سهل ولكن يحتاج إلى التركيز والتطبيق. أما بالنسبة إلى تسجيل الدخول باستخدام حسابات Google أو Facebook فإن هذه العملية تسمى OAuth أو Social Login. وستحتاج إلى إنشاء تطبيق (App) في Google Developers Console و Facebook Developers لتستطيع إستخدام تلك الخاصيتين التي توفرهم جوجل وفيسبوك . حيث ستحتاج إلى Client ID و Client Secret لكل منهما وستضيف عن وان URL لإعادة التوجيه (Redirect URI) الخاص بتطبيقك لتوجيه المستخدم بعد نجاح تسجيل الدخول وإستقبال البيانات من جوجل وفيسبوك في هذا العنوان . ويوجد المكتبات التالية لتساعدك في ذلك وهي المكتبات الأساسية لهم : react-google-login أو react-oauth/google . react-facebook-login. وستحتاج إلى قراءة التوثيق الرسمي لهم لمعرفة كيفية الإستخدام.

وعليكم السلام ورحمة الله وبركاته، بالنسبة لإنشاء صفحة الدفع (Payment) باستخدام React، نعم يمكنك ذلك ، فـ React تُستخدم كثيرًا في مثل هذه الصفحات. لكن ستحتاج إلى تحديد بوابة دفع مثل Stripe أو PayPal، وهي توفر مكتبات جاهزة وتقدملك كود يمكنك إضافته لتسهيل عملية الدمج مع React وتتعامل معها من الواجهة الأمامية. و بالنسبة لتسجيل الدخول باستخدام حساب Google أو Facebook، فبإمكانك استخدام مكتبات مثل: react-oauth/google لتسجيل الدخول بحساب Google react-facebook-login لتسجيل الدخول بحساب Facebook وبعد الحصول على بيانات المستخدم من Google أو Facebook، يمكنك إرسال هذه البيانات إلى الباك اند (Back-end) لمزيد من العمليات والتحقق من وجود الحساب أو إنشاء حساب جديد. يمكنك التطور في الأمر خطوة بخطوة سيكون الأمر سهل إن شاء الله.

https://colab.research.google.com/drive/1SxeCyH5AtfzvFYMghuBts9UKqJRItd9V?usp=sharing&pli=1

هل يمكنني الاعتماد على vue بدلاً من react لانني بصراحة رأيت vue سهل وممتع بالنسبة لي

السلام عليكم ورحمة الله، قمت ببناء صفحة متجر الكتروني لعميل بدون باك اند واحتجت إلى بناء صفحة ادمن لمدير الموقع وانهيت تطوير واجهتها .. الآن احتاج إلى ربط صفحة الادمن بصفحة المتجر وليس لدي معرفة بالباك اند ، عندي كورس تطوير التطبيقات باستخدام javascript ولكن لا أملك الوقت الكافي للتعلم حاليا وعلي تسليم المتجر في أقرب وقت .. وأريد ربط صفحة الادمن بالمتجر من خلال firebase مؤقتا حتى انتهي من تعلم الباك اند .. كيف يمكنني استخدام firebase ؟ وهل يوجد مقاطع أو دليل يعلمني طريقة استخدام firebase ؟

اها ، وكيف يمكنني بناء API ؟ ألا توفر فايربيس API خاص بها ؟ استخدمت formsubmit.co

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

المتجر بدون واجهة خلفية .. بسيطة فقط من خلال html ,css, js ,bootstrap ، لا تحتوي على اشياء كثيرة فقط نموذج طلب واختيار منتجات وصفحة الادمن اريدها يسمح للمدير فقط بتعديل المنتجات وتفاصيلها وتعديل بعض النصوص في صفحة المتجر وينشر التعديلات مباشرة .. وأيضا المتجر منشورة على استضافة firebase

وعليكم السلام ورحمة الله وبركاته. هل تقصد أن الواجهة الخلفية (back end) للمتجر تم رفعها على firebase أم ماذا ؟ وأيضا هل قمت بإنشاء الصفحة المتجر الأمامية من خلال React أو إطار عمل أم فقط HTML و CSS و JS ؟ لربط الواجهات الامامية مع الواجهات الخلفية هذا الأمر يتم من خلال ال API وباستخدام AJAX إذا لم تكن تعمل بأطر عمل مثل React . حيث ستقوم بإرسال الطلبات من الواجهة الأمامية إلى عنوان ال API الخاص بالواجهة الخلفية ومن ثم إستقبال الرد وتنفيذ المطلوب بعد ذلك في الواجهة الأمامية. وإليك شرح لتفاصيل ال API وكيفية الربط بين الواجهتين : وإذا كان الواجهة الخلفية مرفوعة على firebase فأنت لست بحاجة إلى تعلم firebase أو الواجهات الخلفية كل ما عليك معرفته هو ال API الخاص بكل خاصية في المشروع فمثلا لتسجيل الدخول يجب عليك معرفة عنوان API الخاص بتسجيل الدخول وما هو شكل البيانات الذي يجب إرساله مع الطلب وبعد ذلك تقوم بإستقبال الرد وإستخدامه في الواجهة الأمامية لديك مثل عرض إسم المستخدم وبياناته بعد تسجيل الدخول بنجاح. والأمر ليس بسيط أو سهل إذا لم تكن لديك خلفية عن ذلك وأيضا إذا لم تكن تعمل على إطار عمل مثل React . وأنصحك برؤية مسار "تطبيق دردشة يشبه WhatsApp" وقسم تطبيق الويب لتعرف كيف يتم الربط بين الواجهات من خلال React

بالضبط، بإجراء عمليات حسابية أو مقارنات بين قيمة منطقية ورقم، تقوم بايثون بشكل ضمني أي في الخلفية بتحويل القيمة المنطقية إلى ما يعادلها من الأعداد الصحيحة 1 لـ True و 0 لـ False ثم تجري العملية. وذلك لآنّ النوع bool في بايثون هو في الواقع نوع فرعي من النوع int وتستطيع حتى استخدام القيم المنطقية في عمليات الجمع والطرح والضرب: result_add = 5 + True print(result_add) result_mul = 10 * False print(result_mul) result_sub = 100 - True print(result_sub) لكن هناك أمر هام وهو True == 1 نتيجتها True لأن قيمهما متساوية، لكن True is 1 تُعيد False، حيث ==يتحقق من تساوي القيمة. بينما is يتفقد هل المتغيران يشيران إلى نفس الكائن في الذاكرة أم لا؟ وبما أنّ True هو كائن من النوع bool، و 1 هو كائن من النوع int لذا هما نوعان مختلفان، وبالتالي ليسا نفس الكائن. print(True == 1) print(True is 1)

شكرا لك على ردك السريع جدار رائع , بخصوص المشاريع هل هي فقط تطبيق لما يشرحه المدرب وتكون ع المشاريع الكبيره ومثلها تمام ولاحاجه لمشروع اقترحه بنفسي ؟ لان فعليا مستصعبه الدروس فتوقفت عند اول مسار الي هو اساسيات الباثيون وبرجع اراجعها حتى الم الدينا على قولتهم واكمل .

وعليكم السلام ورحمة الله وبركاته. نعم، إجابتك صحيحة تمامًا حيث أن True يعامل كـ 1 False يعامل كـ 0 وهذا يعني أنك عند إجراء مقارنة بين قيمة منطقية وعدد، فإن بايثون تقوم تلقائيًا بتحويل القيمة المنطقية إلى عدد صحيح (int)