عمر قره محمد

ماهي المكتبات التي تقوم بتنزيلها وكيف تقوم باستدعائها في المشروع الخاص بك؟ إذا كانت بإمكانك مشاركة ملفات المشروع وشرح مشكلتك بالتفصيل؟ ولكن بشكل عام فإننا نحل هذا المشكلة في حال كانت المكاتب خاصة بـ css بأن نقوم باستدعاء ملف الـ css الخاص بنا بعد استدعاء المكتبة بحيث تكون الخصائص الخاصة بنا هي آخر الخصائص التي تطبق وبالتالي هي التي ستظهر. فكما تعلم فإذا اعطينا عنصر ما الخاصية نفسها ولكن بقيم مختلفة مثل : div{ color : red } div{ color : green } فإنه سيأخذ اللون green لأنه اخر خاصية من هذا النوع طبقت على هذا النوع. ولهذا السبب فإننا نقوم باستدعاء ملف الـ css الخاص بنا بعد استدعاء المكاتب لكي تكون الخصائص التي اعطيناها للعناصر هي التي ستطبق.

ففي حال كنت تستخدم npm فيمكنك حذف مكتبة من المشروع باستخدام الأمر : npm uninstall اسم-المكتبة

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

اعتقد ان المشكلة هي انك لم تعطي البطاقات عرض ثابت بل اعتمدت على الـ padding. جرب إضافة الخصائص التالية للبطاقات : #feature .fe-box { width: 15%; /* الكود المضاف */ padding: 25px 0; /* الكود المضاف */ /* padding: 25px 25px; */ /* الكود المحذوف */ text-align: center; border: #088178 1px solid; } حيث انه لديك 6 بطاقات واعطينا لكل منها 15% من عرض الاب لتأخذ البطاقات 15*6 = 90% من عرض الأب ويبقى 10% من عرض الاب كمسافات بين البطاقات. وتستطيع التعديل بقيمة الـ 15% حتى تحصل على الشكل الذي تريده. وبهذه الحالة فأنت لست بحاجة لإضافة الخصائص التالية للـ feature : max-width: 100%; overflow-x: hidden; لأن عرض البطاقات اصبح يحدد بالنسبة لعرض الاب.

يبدو أن المشكلة تحدث لأن عرض القسم الذي يحتوي البطاقات "free shipping" اكبر من عرض الصفحة وبالتالي اصبح لديك scroller بالاتجاه العرضي. لحل المشكلة اعطي الأب الخاص بالبطاقات الخاصيتين : max-width: 100%; overflow: hidden; وهما تعنيان أن اقصى عرض للعنصر سيكون 100% من عرض الاب الخاص به وفي حالتك الاب هو الـ body وأن الابناء "البطاقات" سيختفون في حال كانوا يحتاجون مساحة اكبر من عرض الأب الحاوي للبطاقات. أما بالنسبة لوجود مشاكل كثيرة فالموضوع طبيعي جداً وانت بحاجة لمحاولة حل المشكلة اكثر من مرة و البحث في الانترنت عن المشكلة التي تواجهها قبل ان تقوم بطرح السؤال. في حال لم تذهب المشكلة رغم تطبيق الكود السابق فيمكنك تجريب الكود التالي : *{ max-width: 100%; overflow: hidden; } والذي يعطي الخصائص السابقة لكل العناصر. في حال لم تحل المشكلة رغم كل ذلك قم بمشاركة ملفات المشروع.

لقد قمت بالاطلاع على الملفات الخاصة بك وهي تعمل بشكل جيد ولا يوجد اي مشكلة. وقمت بالتعديل على الملف ولم يظهر لي المشكلة التي تظهر في الصورة الخاصة بك. وربما تكون المشكلة التي تواجهها هي أنك استخدمت الأمر npm run build الخاص بال production بدلاً من الأمر npm run dev الخاص بالـ development.

هذه الرسالة تخبرك أن العملية تمت بنجاح. ويمكنك الخروج بكتابة الأمر التالي ثم النقر على enter : :q لاحظ الصورة :

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

المشكلة أنك لم تقم بربط ملف الـ JavaScript مع ملف الـ index.html. قم بإضافة السطر التالي لملف الـ index.html ويجب ان يكون آخر عنصر في الـ body: <script src="index.js"></script>

في الصورة التي ارفقتها لا يظهر console. قم بمشاركة ملف الـ index.html

من الصورة التي ارفقتها يبدو أنك لم تقم بحفظ الملف لاحظ الدائرة البيضاء بجانب اسم الملف : اضغط على ctrl + s لحفظ الملف ثم حدث الصفحة وانظر إن كان سيظهر أم لا. في حال قمت بالخطوة السابقة ولم يظهر أي شيء رغم ذلك فقد تكون المشكلة في عملية الاستدعاء في ملف الـ html. قم بمشاركة ملفات المشروع بالكامل في حال لم تكن المشكلة في اي مما سبق.

رسالة الخطأ تخبرك بوجود الملف Swap file COMMIT_EDITMSG.swp already exists وهو ما يسبب الخطأ وغالباً ما يكون سبب وجود هذا الملف هو انك قمت بالتعديل على ملف الـ git من خلال برنامج اخر مختلف عن الـ git مثل الـ terminal أو الـ VS code ولم تنهي التعديل. ما انصحك به هو اكمال العملية من المكان الذي بدأتها منه وليس من git وفي حال اردت الاكمال من git رغم ذلك فقم باختيار الخيار D لحذف الملف COMMIT_EDITMSG.swp

رسالة الخطأ تخبرك بوجود الملف Swap file COMMIT_EDITMSG.swp already exists وهو ما يسبب الخطأ وغالباً ما يكون سبب وجود هذا الملف هو انك قمت بالتعديل على ملف الـ git من خلال برنامج اخر مختلف عن الـ git مثل الـ terminal أو الـ VS code ولم تنهي التعديل. ما انصحك به هو اكمال العملية من المكان الذي بدأتها منه وليس من git وفي حال اردت الاكمال من git رغم ذلك فقم باختيار الخيار D لحذف الملف أو اكتب الامر : ".git/.COMMIT_EDITMSG.swp" ثم جربك مرة ثانية.

قد يكون صديقك لم ينشئ قاعدة البيانات بالشكل الصحيح أو انه استخدم اسم المستخدم وكلمة السر الخاصين بقاعدة البيانات الموجودة على جهازك والمرفقة مع المشروع بدلاً من اسم المستخدم وكلمة السر الخاصة بقاعدة البيانات الموجودة على جهازه، ولذلك تظهر له المشكلة عند حفظ الصورة. فحسب ما فهمته منك ان المشروع مكون من سيرفر و قاعدة بيانات فإما ان تكون المشكلة في اصدار الـ node او أياً كانت اللغة التي تبرمجين السيرفر بها أو ان المشكلة في قاعدة البيانات. اجعليه يتأكد من وجود قاعدة البيانات على جهازه وأنها تعمل ثم اجعليه يتأكد من كونها مربوطة بشكل صحيح مع السيرفر "كلمة السر واسم المستخدم مطابقين لقاعدة البيانات الخاصة به" ويتأكد كذلك من ان اصدار الـ node او أياً كانت اللغة التي تبرمجين السيرفر بها مطابق لما هو لديك. وفي حال لم تكن المشكلة في اي واحدة من الخطوات السابقة فاجعليه يقوم بطباعة الخطأ الذي يواجهه عن طريق استخدام try و catch في node أو ما يقابلها في اللغة التي تستخدمينها. try { // الكود الخاص بحفظ البيانات إلى قاعدة البيانات } catch(error) { console.log(error) // console سيطبع الخطأ في الـ }

ممتاز جداً ولكن لايزال هنالك فراغ مكان الصورة التي اخفيتها بسبب اعطاء الـ section ارفتاع معين : كما لاحظت أنه لا يوجد ايقونة للموقع (التي تظهر في علامة التبويب في المتصفح). وهي تضاف كالتالي : <link rel="icon" type="image/x-icon" href="/images/favicon.ico">

تتوفر دورات أكاديمية حسوب باللغة العربية فقط، Hassoub Academy courses are available in Arabic only. وإذا كنت قد اتممتها باللغة العربية فليس هنالك حاجة لإعادة الدورة باللغة الانجليزية. https://www.hsoub.com/en/

جرب تعديله ليصبح : =IF(E:E="السعودية";SUM(O17+P17)*10%;0) حيث تضيف الـ ; و 0 في النهاية وهذا يعني أنه إذا كان الشرط خطأ قم بإعادة القيمة 0.

الشكل المثالي هو بناء نظام اشعارات باستخدام الـ Web Socket وهو يستخدم اسلوب تواصل مختلف عن http. ولكن يمكنك وضع شيفرة في الصفحة الخاصة بالعميل لإرسال طلبات تحقق من الخادم كل فترة معينة (مثلاً كل دقيقة) إلى route معين يعيد هذه التحديثات. اطلع على الأسئلة التالية : وهذه المقالة تشرح كيفية انشاء الإشعارات باستخدام لارفيل : وهذه ايضاً :

دورة JavaScript فيها شرح لكل من MongoDB و Express و React و Node والتي تختصر بـ MERN بالإضافة للمزيد من المهارات وتحتوي على مشاريع مبنية بهذا التقنية. كما فيها شرح للـ NEXT JS وهو يجمع كل من Express و React و Node.

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

نعم ولكنك تستطيع فتحه من خلال المتصفح :

لا أعتقد أنك تستطيع ان تمنعه أصلاً، وإنما تستطيع تصعيب الوصول إليه.

الموقع جيد جداً بشكل عام ولكن يوجد بعض الملاحظات مثل : الموقع خفيف جداً وليس بحاجة للإشارة الخاصة بجاري التحميل و التي تظهر في البداية، ونستخدم هذه الحركة عندما يكون الموقع ثقيل فقط، اما في الموقع الخاص بك فهي قد أساءت لتجربة المستخدم لأنك تستطيع ان ترى ان الموقع فاتح بالفعل قبل الانتهاء من الحركة. عند الضغط على services يظهر الموقع بالشكل التالي : حيث يختفي نصف الصور من الاعلى ويجب عليك السحب للأعلى حتى ترى القسم بشكل جيد. ليس هنالك حاجة للصورة التالي على الشاشات الصغير ويمكنك اخفائها عندما تكون الشاشة اصغر من قيمة معينة، حيث أنها تجبر المستخدم على النزول كثيراً حتى يصل للقسم التالي : أما باقي الموقع فهو رائع جداً فكرة الوضع الليلي جميلة أيضاً. @Mohamed Montaser3

يمكنك عمل مدونة إذاً. هذه اكثر الافكار الرائجة، ويمكنني ان اعطيك المزيد من الافكار ولكن ليس هنالك الكثير من الطلب عليها. والافضل الان ان تبحث عن شخص يحتاج لموقع الكتروني ولو قمت بتنفيذه بمقابل رمزي وهذا افضل من تصميم مواقع للـ portfolio.

الموقع الذي شاركته جيد جداً و هذه بعض الافكار المهمة والبسيطة : صفحة هبوط لمنتج معين صفحة سيتم اطلاق الموقع بعد كذا ..إلخ. صفحة الصفحة غير موجودة 404. لوحة تحكم. موقع للتسوق (متجر) موقع أكاديمية أو مدرسة.