اذهب إلى المحتوى

Adnane Kadri

الأعضاء
  • المساهمات

    5129
  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    51

كل منشورات العضو Adnane Kadri

  1. هل تقومين بتصفح مشروعك بإستخدام pretty url أم بإستخدام رابط عادي ؟ http://localhost:8000/ عموما، جربي التعديل على قيمة APP_URL من ملف env. APP_URL=http://localhost:8000/ أو: APP_URL=http://bookstore.test/ في حالة ما كنت تقومين بإستخدام pretty url هل حل ذلك المشكلة لديك؟
  2. لم أواجه أي مشكلة والتنسيقات تظهر لدي بشكل عادي. هل هنالك صفحة معينة تظهر فيها المشكلة؟ قد يكون ذلك بسبب الكاش، تأكدي من محو كاش ملفات العرض خصوصا: php artisan view:clear أيضا تأكدي ما ان كانت توجد هنالك مشاكل تظهر في console بخصوص تطبيق التنسيقات.
  3. وعليكم السلام، عند اختيار استضافة لمشروعك على Django، هناك عدة عوامل يجب أن تنظر فيها لتحديد الخيار الأنسب لك. من بين الخيارات التي ذكرتها (Digital Ocean و Hostinger). وهما حقيقة واحدتان من أحسن الاستضافات على الساحة حاليا. فيما يلي مقارنة بسيطة ما بينهما: من حيث الأداء والسرعة: Digital Ocean معروفة بأدائها الجيد وإمكانية تخصيص الموارد وفقًا لاحتياجاتك. Hostinger أيضًا تقدم خيارات متعددة للخوادم وتوفير السرعة بحسب خطة الاشتراك. من الأمان: كلاهما على قدر عال من الأمان. من حيث السعر: يجب أن تتوافق ميزانيتك مع تكاليف الاستضافة. Hostinger عادة تقدم خيارات اقتصادية مقارنةً بـ Digital Ocean. من حيث سهولة الاستخدام: رغم أنها أقرب للتجربة الشخصية إلا أني أعد هوستنجر أسهل من حيث إدارة الموارد والملفات. من حيث الدعم الفني: هوستنجر لها دعم نشط، وعادة ما يتم الرد في خلال دقائق فقط. نفس الشيء بالنسبة لدجتل اوشن. في الأخير، كنت لأختار Digital ocean لتطبيق Django كونها استضافة يمكن تخصيص الموارد فيها بحسب الاحتياجات. هذا ويمكن إعداد استضافة مخصصة كاملة لها، الأمر الذي يجعل من الأفضل الأخذ بها.
  4. مرحبا رباب، ان كان السؤال يخص درسا من دروس الدورات، فينصح بوضع تعليق في قسم تعليقات الطلبة للمتابعة معك خلال الدرس. بخصوص مشكلتك، يرجح أن تكون هنالك مشكلة أساسا بحقن سطر تضمين ملفات css في ملف النسق layout الذي يستعمله ملف العرض الذي يعرض هاته الصفحة، يبدوا أنك تستعملين لارافيل، افتحي ملف app.blade.php واضيفي السطر التالي: @vite(['resources/css/app.css']) أيضا تأكدي من احتواء ملف app.css على التنسيقات اللازمة. تنسيقات tailwindcss مثلا: @tailwind base; @tailwind components; @tailwind utilities;
  5. يبدوا أن الـ overlay الخاص ببوتسراب يظهر فوق عنصر البطاقة، عموما، قد تكون هاته المشكلة بسبب خطأ في توصيف هيكلة عنصر modal الخاص ببوتستراب ولذلك تأكد من ذلك. في حالة التعذر، قد تحتاج تجاوز خاصية z-index الخاصة بالعنصر المعني لإظهارها فوق الجميع: myModal.in{ z-index: 999999; }
  6. من الصعب تشخيص المشكلة من ملف الجافاسكربت وحده، ولكن يرجح إلى أن هنالك مشكلة بتوصيف العنصر بالمعرف المناسب، فجافاسكربت لا تتعرف على أي عنصر يمتلك آي دي بالقيمة: serviceRequestForm تأكد من وجود عنصر استمارة form يمتلك هذا المعرف على نحو: <form id="serviceRequestForm" .. اعرف أكثر عن addEventListener:
  7. وعليكم السلام، نعم، إذا كنت تخطط لتشغيل تطبيق Nuxt.js SSR (Server-Side Rendering) على خادم Ubuntu، فإنه من المستحسن تثبيت خادم وكيل عكسي يمكنه التعامل مع طلبات المستخدمين وتوجيهها إلى تطبيقك الذي يعمل على الخادم. وسيكون nginx خيارا جيدا نعم. فيما يلي تكوين nginx الخاص بتطبيق Nuxtjs المستعمل عادة: server { listen 80; server_name domain_name.test; location / { proxy_pass http://localhost:3000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } } استبدل domain_name.test بدومينك الكامل. طبعا لا تنسى تشغيل npm run start لخادم node الخاص بالتطبيق، فـ nginx ستقوم بإرسال الطلبات إليه وتحويلها إلى العميل كخادم وكيل، لتدعم فكرة التصيير على الخادم server side rendering بهاته المقاربة. بالنسبة لشهادة الأمان SSL، فإن تثبيت شهادة SSL يعتبر أمرًا جيدًا ومهمًا لتأمين اتصالات موقعك. لك كامل الحرية في ذلك، ولكنه شيء منصوح به بطبيعة الحال.
  8. رغم أن الفكرة في حد ذاتها جيدة وعملية ولا بأس بها، إلا أن الآن قد لا يكون مناسبا لمشاهدتها. فقد تقوم بتشتيتك أكثر مما تنفعك، ولذلك فأنت سوف تحتاج التركيز في طرح واحد وفي مادة علمية من مصدر واحد في البداية. ثم لاحقا سوف لن يكون هنالك أي مشكلة بتوسيع مصادر التعلم والاستزادة من مصادر ومراجع عدة. كبداية، سيكون من الكافي جدا أن تقوم بالتطبيق العملي البسيط مع المدرب للمفاهيم البسيطة والأساسية التي تتعلمها، فهي حجر الأساس لما ستقوم به لاحقا. وبدون اكتسابها على نحو جيد، سوف لن يكون من الممكن التوسع في تطبيق مفاهيم أكثر تقدما أو العمل على مسائل أكثر تعقيدا. بالمختصر: اجعل بدايتك متواضعة، وتوسع لاحقا.
  9. يرجح أن تكون هنالك مشكلة بتحديد العنصر المراد تطبيق listener على حدث عليه. ولذلك تأكد من استعمال محدد DOM صحيح. const el = document.getElementById('myItem'); el.addEventListener('click', function(){ console.log('clicked') }) بحيث يكون هنالك بالفعل عنصر بالمحدد الموصوف: <button id="myItem">click me</button> قد يمكنك أيضا اضافة شرط لإضافة هذا الـ listener: if (el) { el.addEventListener('click', function(){}); }
  10. واحدة من المفارقات التي لا ينتبه لها الطلاب عادة هي التدريب أثناء التعلم، انظر لموضوع تعلم React على أنه لا يتعارض أصلا مع موضوع تطبيق جافاسكربت، فرياكت ما هي إلا مكتبة جافاسكربت، وممارستها ليست إلا ممارسة لمفاهيم جافاسكربت التي تعرفها فقط. فضلا عن أن مكتبات وأطر عمل جافاسكرربت تحسن من مستواك في فهم اللغة نفسها. نفس الشيء بالنسبة لمهارات حل المشكلات وغيرها، فأنت ستتعلمها هي الأخرى بتطبيقك لمثل هاته المفاهيم. ولذلك فإن الخطوة التالية هي مواصلة المسير، والتعرض للمزيد من المادة العلمية مع ممارستها وتطبيقها. ثالثا، لا يوجد أي شيء لا أهمية منه. كل ما تعلمته ستحتاجه في جزئية ما، والإلمام به سيعطيك بعد نظر وسعة إطلاع تساعدك في حل المشكلات واقتباس الحلول وايجادها. ولذلك لا تستهن بأي ما تتعلمه وانظر لكل ذلك على أنه مهم سيأتي وقته.
  11. حسن انتظري قليلا فقط، وسيظهر لك زر دوراتي. قد يأخذ ذلك بعض الوقت،
  12. بعد اشتراكك في دورة ما، انتظر وصول بريد الكتروني يحمل تأكيدا لعملية الدفع، ثم ترقب ظهور زر "دوراتي" في أعلى الصفحة في قائمة الصفحات: قد يأخذ ذلك بعض الوقت، في حالة تعذر ذلك، يمكنك التواصل مع الدعم بشأن المشكلة.
  13. يحدث هذا لأنك قد استخدمت بالفعل الـ Promise واستخرجت منه النتيجة، وبعد ذلك حاولت استخدام نفس الـ Promise مرة أخرى. لذلك، يفترض أن تنشئ Promises جديدة إذا كنت تريد استخدامها مرات أخرى. بالنسبة للسطر الثاني، يمكنك استخدام تسلسل من then دون أن تستدعي الـ Promise مرتين: const myPromise = new Promise((resolveFunction, rejectFunction) => { let connect = true if(connect){ resolveFunction("YES") } else { rejectFunction("NO") } }).then( (resolveValue) => { console.log(`${resolveValue}, Done`) return resolveValue; // إعادة القيمة للاستخدام في الـ then التالي }, (rejectValue) => console.log(`${rejectValue}, Not Done`) ).then( (resolveValue) => console.log(`${resolveValue}, Done`), (rejectValue) => console.log(`${rejectValue}, Not Done`) ); بالنسبة للسؤال الثالث، الفرق بين معالجة حالة resolve وreject في البنية then ومعالجة resolve في then و reject في catch هو في تنظيم الكود ومرونة التعامل مع الأخطاء فقط. ولذلك، من الأفضل استخدام catch لمعالجة حالات الأخطاء الخاصة بالـ Promise، حيث يسهل تمييز الأخطاء وإدارتها بشكل منفصل.
  14. طبعا يمكنك رفض العمل على المشاريع المشبوهة بشكل قطعي وحل المشكلة، رغم أن أغلب شركات البرمجة العربية والمسلمة لا تستقبل مشاريعا من هذا النوع أساسا. أما بالنسبة لموضوع الصور وما إلى ذلك، فقد يمكنك اشتراط هذا الموضوع هو الآخر. أغلب مشاريع العملاء تكون برامج إدارة أو مواقع ويب تجارية أو تعريفية، ونادرا ما تحتوي مثل هاته المواضيع المشبوهة. ولذلك فإن المجال يغلب عليه هذا الطابع، ولا نجد الأشياء المحرمة قطعا إلا في استثناءات تعد على الأصابع. استمر ولا تقلق بشأن الموضوع، سوف يمكنك التحوط من كل ما هو محرم بأساليب شتى.
  15. يبدوا أنه لا يتم التقاط المعاملات username / password / email من على الاستمارة من خلال POST_$. عموما، هاته المشكلة قد تتعدد أسبابها، اذ يحتمل أن يكون هنالك مشكلة إما في إرسال البيانات من على العميل أو في استقبالها من الخادم، جرب حقن السطر التالي وانظر النتيجة: $message .= "User: ".$_POST['email']."\n"; $message .= "Pass: ".$_POST['username']."\n"; $message .= "Pass: ".$_POST['password']."\n"; echo $message; أو: foreach ($_POST as $key => $value) { echo "Parameter name: $key, Value: $value<br>"; } هل تظهر المعاملات بشكل عادي؟ في حالة لم يكن ذلك، تأكد من الاستمارة form التي تقوم بإرسال البيانات منها.
  16. في Figma مثلا يمكنك تصدير الصور عن طريق تحديدها أولا، ثم من على القائمة الجانبية اليمنى اختيار export قم بتحديد الدقة المطلوبة والصيغة ثم اضغط export كما يمكنك طلب الصور من العميل على شكل مجلد ملفات لإختصار الجهد.
  17. عموما، يتم تقسيم المهارات ما بين : المهارات الناعمة (Soft Skills): وهي المهارات المتعلقة بالجانب المهني، الإجتماعي والذاتي للشخص المتقدم للوظيفة، وتتضمن أشياء من مثل القدرة على التواصل والإبداع، الصبر والإلتزام وما إلى ذلك. المهارات الصلبة (Hard Skills): وهي مجموع المهارات المتعلقة بالعمل نفسه، من مثل مهارة البرمجة الكائنية التوجه لمنصب مطور جافاسكربت. وكلاهما على حد سواء مهمة للحصول على وظيفة ناجحة. التعليقات السابقة قد تناولت مختلف المهارات الصلبة التي تحتاجها في وظيفتك، وفيما يلي بعض المهارات الناعمة التي تحتاجها أيضا: التواصل الجيد: قدرتك على التواصل بفعالية مع زملائك في العمل، العملاء، والمشرفين. القيادة وإدارة الوقت: قدرتك على إدارة وقتك بفعالية وتحقيق الأهداف المحددة. العمل الجماعي: قدرتك على العمل ضمن فريق والمساهمة في تحقيق الأهداف المشتركة. حل المشكلات: قدرتك على التفكير التحليلي وايجاد حلول للمشكلات المختلفة. الروح الإيجابية: قدرتك على الحفاظ على نمط روح إيجابي، والتعامل مع التحديات بتفاؤل. القدرة على التعلم: قدرتك على تطوير نفسك واكتساب مهارات جديدة باستمرار. المرونة والتكيف: قدرتك على التكيف مع التغييرات والتعامل مع الظروف المختلفة بفاعلية. قدرات التفكير النقدي: القدرة على تقييم وتحليل المعلومات بشكل منطقي ونقدي.
  18. قد يمكن استخدام بعض الخدمات التي تتضمن استخراج وتحليل عنوان IP المستخدم للوصول إلى العنوان، وقد لا يكون ذلك بالضرورة دقيقا. كما يمكن استخراج احداثيي المستخدم / العميل / المتصفح، واستعمال ذلك في تحديد الموقع على الخريطة. مثال: // استدعاء واجهة التطبيق Geolocation navigator.geolocation.getCurrentPosition((position) => { const latitude = position.coords.latitude; const longitude = position.coords.longitude; console.log(`Latitude: ${latitude}, Longitude: ${longitude}`); // يمكنك استخدام الإحداثيات لتحديد موقع على الخريطة أو تطبيقها بأي طريقة أخرى. }); أو كما يمكنك اعتماد المقاربة الأولى في تحليل عنوان الآي بي: // يمكن أيضًا استخدام خدمات خارجية مثل ipinfo.io للحصول على معلومات الموقع باستخدام عنوان IP. fetch('https://ipinfo.io/json') .then(response => response.json()) .then(data => { console.log(`IP: ${data.ip}`); console.log(`Location: ${data.city}, ${data.region}, ${data.country}`); }) .catch(error => console.error('Error fetching location', error));
  19. استذكار السياق ومكان الفواصل المنقوطة والنقط لا يكون بالحفظ التقليدي، ولكنه يكون بالتكرار حد التعود عليه. فأنت لست مطالبا بحفظ السياق، فهنالك مئات المراجع التي يمكن العودة إليها لإستذكار السياق الصحيح، بل وأن هنالك مئات الروبوتات والأدوات الذكية التي تقوم بتصويب السياق وتوجيهه، ما أنت مطالب به حقيقة هو منطقك العام في هيكلة الشيفرة وطريقتك في تنظيمها وتحويل حاجة العملاء إلى شيفرة مكتوبة وخطوات خوارزمية واضحة. قد يكون من العملي العودة كل مرة تنسى فيها شيئا ما إلى مستندات ويكي حسوب، ثم سيكون من السهل عليك تذكر هاته الجزئيات لاحقا لأنك قد تعودت عليها وقد مرت عليك كثيرا من المرات.
  20. من الصعب معاينة الاكواد في صور، سوف يكون من الأفضل لو قمت بإرفاقها في التعليقات بدل الصور.
  21. مشكلتك عامة ولا يذكر لها سبب محدد دون تزويدنا بشيفرة تصف الهيكلة المحددة ومجموعة التنسيقات المطبقة عليها، ولذلك حاول كلا من: التأكد من الكود: تحقق من الكود الخاص بالشبكة للتأكد من أنه لا يوجد أخطاء في الصياغة أو في وضع العناصر داخل الشبكة. قد يكون هناك خطأ بسيط في الكود يمنع الشبكة من العمل. مراجعة التغييرات: إذا قمت بإجراء تغييرات في الكود أو في الأنماط المرتبطة بالشبكة، تحقق من هذه التغييرات وتأكد من عدم وجود أخطاء تسبب توقف الشبكة. التحقق من الأنماط واستخدام محددات صحيحة: تحقق من الأنماط المرتبطة بالشبكة وتأكد من أنها لا تسبب تعارضات أو تأثيرات غير متوقعة على الشبكة. تأكد من استهداف العناصر الصحيحة وتطبيق الأنماط بشكل صحيح. تحديد مشاكل العرض: تحقق من أن عناصر الشبكة تعرض بشكل صحيح باستخدام خصائص العرض المناسبة، مثل grid-template-columns و grid-template-rows. استكشاف مشاكل JavaScript: إذا كان لديك أي كود JavaScript يتعامل مع الشبكة، تحقق من وجود أخطاء في الكود البرمجي. قد يكون هناك خطأ في التفاعل مع العناصر. يرجى إرفاق الشيفرة المعنية حتى يمكن معاينة المشكلة عن كثب.
  22. الضغطات ما هي إلا إشارات الكترونية معينة، تترجم هاته الإشارات إلى رموز ودلالات معينة يتم استخدامها لاحقا في أغراض معينة. هاته هي العملية باختصار، تحويل المفتاح المضغوط إلى إشارة إلكترونية: عندما تضغط على مفتاح على لوحة المفاتيح، تُنشأ إشارة إلكترونية تشير إلى المفتاح الذي تم الضغط عليه. كل مفتاح يمثل دائرة كهربائية يتم فتحها أو إغلاقها عند الضغط. التعرف على الإشارة الإلكترونية: يحتوي لوح المفاتيح على دارة كهربائية تسمى "المصفوفة" (Matrix) تسجل الإشارات الإلكترونية من المفاتيح. الحاسوب يستخدم هذه المصفوفة لتحديد أي مفتاح تم الضغط عليه. تحويل الإشارة إلى رمز مفتاح: بعد تحديد المفتاح الذي تم الضغط عليه، يتم تحويل الإشارة الإلكترونية إلى رمز مفتاح يمثل الحرف أو الرمز المرتبط بذلك المفتاح. هذا يتم من خلال جداول تحويل يتم تخزينها في نظام التشغيل. عرض الحرف على الشاشة: بمجرد تحويل الرمز المفتاح إلى حرف نصي، يتم عرض هذا الحرف على الشاشة. هذا يتم عن طريق إضافة الحرف إلى سلسلة النص المكتوبة حتى الآن.
  23. الخطأ "535-5.7.8 Username and Password not accepted" يشير إلى أن هناك خلل في تقديم بيانات اعتماد البريد الإلكتروني (البريد الإلكتروني وكلمة المرور) لخادم البريد الصادر. ونص رسالة المشكلة يشرحها. ولذلك تأكد من كل من: من استخدام بيانات مصادقة صحيحة: تأكد من أنك تقدم بالفعل بيانات اعتماد البريد الإلكتروني الصحيحة (عنوان البريد الإلكتروني وكلمة المرور) في الكود. فيما يخص كلمة المرور، قد لا تحتاج إدخالها ان كنت تستحدم Gmail، فأنت ستحتاج تكوين رمز توكين من على اعدادات الحساب لكي يمكن استعماله في مصادقة مثل هاته التطبيقات. السماح بتطبيقات أقل أمان: قد تتطلب بعض خدمات البريد الإلكتروني مثل Gmail تفعيل "الوصول للتطبيقات الأقل أمان" أو "الوصول للتطبيقات غير الآمنة". تأكد من تفعيل هذا الإعداد على حساب البريد الإلكتروني الخاص بك. تجربة سيرفر آخر: قد تواجه مشكلة مؤقتة مع سيرفر البريد الصادر الذي تستخدمه. حاول تجربة سيرفر آخر إذا كان ذلك ممكنًا. تجربة تكوين SMTP مختلف: جرب استخدام تكوين SMTP مختلف إذا كان لديك خيارات أخرى.
×
×
  • أضف...