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

السلام عليكم عندي إستمارة كبيرة وداخلها استمارات صغيرة كما اني استخدم livewire واخزن البيانات على شكل مصفوفة ثم ارسلها لقاعدة البيانات الصورة توضح أكثر : يلزم أولا قبل ارسال الاستمارة الكبيرة تخزين الاستمارة الصغيرة لأني أحتاج منها المعرف لانها مربوطة بالاستمارة الكبيرة بعلاقة (واحد_لكثير) السؤال أريد حفظها وبعد الحفظ يتم إضافة نموذج آخر منها فارغ ليتم ربما ملئه هو الآخر شكرا لكم

بعد تحميل vue/cli حاولت إنشاء مشروع جديد فظهرت لي هذه الرسالة أثناء التحميل : 72 packages are looking for funding run `npm fund` for details � Invoking generators... � Installing additional dependencies... npm ERR! Invalid Version: npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\hp\AppData\Local\npm-cache\_logs\2023-01-13T18_15_37_398Z-debug-0.log ERROR Error: command failed: npm install --loglevel error --legacy-peer-deps Error: command failed: npm install --loglevel error --legacy-peer-deps at ChildProcess.<anonymous> (C:\Users\hp\AppData\Roaming\npm\node_modules\@vue\cli\lib\util\executeCommand.js:138:16) at ChildProcess.emit (node:events:513:28) at cp.emit (C:\Users\hp\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\cross-spawn\lib\enoent.js:34:29) at maybeClose (node:internal/child_process:1091:16) at ChildProcess._handle.onexit (node:internal/child_process:302:5) علماً أنني قبله مباشرة حملت آخر تحديث لل npm ما المشكلة و ما الحل ؟

انهيت ثلاث مسارات في الدورة اساسيات تطوير الويب\بناء صفحات هبوط\تطوير متجر الاكتروني ، بعد ما انهيتهم لاحظت ان باقي المسارات مشتقه من النفس الفكرة للمسارات السابقة ، وانا انوي ان اخذ دوره مكثفه في الجافا سكربت والتشعب في بعض الامور الذي انوي اتطور فيها ، سؤالي هو هل انا علي ان اكمل باقي المسارات ام انه بامكاني تفاديها والتطور في ما احس اني ناقص فيه ثم القدوم لخوض الاختبار لاخذ شهادي من اكادميه حسوب؟

هذا الكود لا يعمل بالرغم من أنه صحيح و عندما أفتح inspect لا يظهر أي خطأ .

حاول تنفيذ الأمر التالي وهو محاولة حذف ال cache ربما يحل المشكلة npm cache clean --force جرب حذف ال cache من خلال تنفيذ الأمر السابق ومحاولة تجربة بناء مشروع vue

اذا كنت اريد اخذ مسافه عده مرات ماهو ال tag المناسب قمت بااستخدام &nbsp; ولكن اطريت ان استخدمه العديد من المرات هل هناك tag يمكنني من خلاله اختصار كل هذه الاكواد

بالإضافة للطرق التي تم ذكرها في التعليقات السابقة يمكنك تنفيذ المثال الذي تريده من ال css عن طريق عدة طرق منها استخدام ال text-align يمكنك تنفيذ المثال السابق بسهولة كالتالي من خلال الوسم <p> ونضع له التنسيق p { text-align: center; } أو يمكنك استخدام ال القيم left و right يمكنك استخدام ال text-indent كالتالي <p id="p0">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> ثم قم بإضافة التنسيق التالي #p0 { text-indent: 2em; } يمكنك استخدام القيم التي تريدها يمكنك استخدام ال Margins و Padding لذلك يمكنك تنفيذ المهمة التي تريدها من خلال الطريقة المناسبة لك

من قال ذلك أخي يمكنك أضافة اي tag قبل او بعد وسم الpre وسوف يعمل أنظر هذا المثال.

شكرا لك اخي في الله ولكن عندما اضع pre لا يمكنني من خلاله اعدل علي ال text واجعله كبير او صغير اي ان الوسم pre يفقد النص اي اضافات اخري تضاف قبله او بعده

أحاول تحميل vue/cli بهذا الامر : npm install -g @vue/cli لكن هذا الخطأ يظهر لي دوما : npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated subscriptions-transport-ws@0.11.0: The `subscriptions-transport-ws` package is no longer maintained. We recommend you use `graphql-ws` instead. For help migrating Apollo software to `graphql-ws`, see https://www.apollographql.com/docs/apollo-server/data/subscriptions/#switching-from-subscriptions-transport-ws For general help using `graphql-ws`, see https://github.com/enisdenjo/graphql-ws/blob/master/README.md npm ERR! code ERR_SOCKET_TIMEOUT pm ERR! network Socket timeout npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config' npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\hp\AppData\Local\npm-cache\_logs\2023-01-13T14_00_02_889Z-debug-0.log لم أعرف حل المشكلة و لم أستطيع التحميل ...

الحمد لله تعالى , قبل أن أغلق الجهاز بلحظة ظهرت هذه الرسالة : C:\Users\hp\Desktop\cmder_mini\cmder_mini λ npm install --loglevel=error -g @vue/cli changed 852 packages in 11m 64 packages are looking for funding run `npm fund` for details C:\Users\hp\Desktop\cmder_mini\cmder_mini λ شكراَ لك , وفقك الله لكل خير

يمكنك أستخدام الوسم pre فهو يظهر النص كما هو مكتوب بنفس المسافات في الكود. وهناك الوسم br يقوم بوضع سطر فارغ هكذا.

جرب أن تقوم بأغلاق جهازك وجرب من جديد و أن ظهر لك نفس الخطاء جرب هذه الأوامر. npm config set fetch-retry-mintimeout 20000 npm config set fetch-retry-maxtimeout 120000

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

هذا الخطاء يقول أنك لديك مشكلة في شبكة الأنترنت تأكيد من أتصالك بالأنترنت وحاول مرة أخري

للأسف تكررت هذه الرسالة : npm ERR! code ERR_SOCKET_TIMEOUT npm ERR! network Socket timeout npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config' npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\hp\AppData\Local\npm-cache\_logs\2023-01-13T14_43_29_527Z-debug-0.log

جرب تنفيذ هذا الأمر. npm install --loglevel=error -g @vue/cli

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

بغض النظر عن صعوبة التعامل مع مثل هكذا كم من البيانات من ناحية الواجهة الخلفية إلا ان العملية التي تصفها غير صديقة لتجربة الاستخدام. أظنك تريد بشكل ما اضافة خيار لاضافة اكثر من مالك في نفس الاستمارة. وفي مثل هذا ستحتاج في الغالب هيكلة هاته البيانات على شكل JSON لتنظيم طريقة التعامل معها من طرف الواجهة الامامية او الخلفية. اذ تكون قائمة الملاك هاته كمصفوفة داخل كائن الجيسون لدينا بالشكل التالي: { .. "owners":[ { "name" : "owner 1", "identity": "545789" }, { "name" : "owner 2", "identity": "978798" } ] } ثم ما ان اردنا اضافة مالك جديد الى قائمة الملاك اضفنا كائنا جديدا الى مصفوفة الكائنات. اذ سيكون من السهل آنذاك قراءة مصفوفة الكائنات والمرور على كل مالك من قبل الواجهة الخلفية وانشاء ملاك نقوم بنسبهم الى ذات العنصر. طبعا الفكرة نظرية بحتة، يمكنك تقويمها بحسب حاجتك او استعمالها وفق مثالك.

الكود لا بعمل هي هي مشكله في برنامجي علما باني استخدم pycharm

السلام عليكم. عندي مشكل في كيفية استخدام الهوكس لتحديد كلاس معين. في المثال التالي <ul className = "navbar-links active-navbar"> الكود يعمل بشكل جيد. أما في حالة الهوكس لم يقع التعرف على الكلاس رغم ظهورها في الكونسل const [nav, setNav] = useState('.navbar-links') const animateNav = () => { nav === '.navbar-links' ? setNav('.navbar-links .active-navbar') : setNav('.navbar-links') } ************************* <ul className = {nav}> شكرا على المساعدة.

المشكلة انك اضفت النقطة قبل اسم الكلاس، ولكننا كما تعلم لا نضيف نقطة لاسم الكلاس في الـ html . جرب اضافة اسم الكلاس بدون نقطة وحاول مرة ثانية : const animateNav = () => { nav === 'navbar-links' ? setNav('navbar-links active-navbar') : setNav('navbar-links') }

يوجد العديد من الثغرات التي يجب الإهتمام بها من جانب مطورو الواجهات الخلفية لتقليل فرص تعرض الموقع أو البيانات للخطر وحسب OWASP و هو منظمة دولية غير ربحية مكرسة لأمن تطبيقات الويب . أحد المبادئ الأساسية لـ OWASP هو أن تكون جميع موادها متاحة مجانًا ويمكن الوصول إليها بسهولة على موقع الويب الخاص بها ، مما يتيح لأي شخص تحسين أمان تطبيق الويب الخاص به. تشمل المواد التي يقدمونها الوثائق والأدوات ومقاطع الفيديو والمنتديات. ربما يكون مشروعهم الأكثر شهرة هو OWASP Top 10. وهذا المشروع يتضمن الكثير من المعلومات حول ال 10 ثغرات الأكثر خطراً 1. الحقن Injection 2. المصادقة المعطلة Broken Authentication 3. التعرض للبيانات الحساسة Sensitive Data Exposure 4. XML External Entities (XEE) 5. كسر التحكم في الوصول Broken Access Control 6. خطأ في التكوين الأمني Security Misconfiguration 7. البرمجة النصية عبر المواقع Cross-Site Scripting 8. إزالة التسلسل غير الآمن Insecure Deserialization 9. استخدام المكونات مع الثغرات المعروفة Using Components With Known Vulnerabilities 10. Insufficient Logging And Monitoring لإلقاء نظرة أكثر تقنية ومتعمقة على OWASP Top 10 ، راجع التقرير الرسمي .

بشكل عام، يوجد مجموعة من الثغرات التي يهتم مطورو الواجهات الخلفية بتغطيتها لضمان سلامة البيانات او سلامة التطبيق ككل، نذكر منها: ثغرات الحقن injections وتكون باستغلال حقول الادخال في تقديم شيفرات واكواد الى واجهة التطبيق الخلفية، قد تكون الشيفرات هاته استعلامات قواعد بيانات فتسمى SQL injection او تعليمات نظام تشغيل او طلبيات HTTP يوجد ايضا ثغرات اخرى من مثل: تزوير الطلبات عبر المواقع cross site request forgery البرمجة عبر الموقع cross site scripting او XSS ضعف ادارة جلسات الاتصال Broken session management التوجيه غير المحقق Invalid redirects and forwards وتلافي مشكلة استغلال هاته الثغرات يكون بتعلم اسس الامان في اللغة البرمجية التي تتعامل معها، فكل منها تقوم بتغطية او التخفيف من احتمالية الاصابة بهاته الثغرات بطريقته. ابتداءا من فحص الادخالات او فرض نوع معين من البيانات او تعريف المستخدم برمز مميز او ما الى ذلك.

اعتقد ان المشكلة في الكود : const randomnumber = Math.floor(Math.random * memesarray.length) حيث يبدو انك نسيت ان تستدعي الدالة random والشكل الصحيح هو const randomnumber = Math.floor(Math.random() * memesarray.length)

شكرا لك