Adnane Kadri

لتفادي المشكلة قد قمت بتزويد ارتفاع كل من العناصر: .navbar a{ color: #fff; margin: 20px 50px; font-weight: bold; text-align: center; font-size: 20px; word-wrap: break-word; width: 20px; letter-spacing: 3px; padding: 5px; transition-duration: 0.5s; /*++++++++++++++++*/ height: 250px; } قمت ايضا بازالة تأثيري الهوفر background-colo و height، يمكنك استبدالهما بأي تأثير آخر لأنهما لن يخدما الفكرة التي لديك: .navbar a:hover{ width: 120px; border-radius: 8px; text-align: center; letter-spacing: normal; transition-duration: 2.5s; }

بما أنك تقوم بإعطاء عرض 1% لحاوي كل كلمة، لما لا تقوم فقط بإعطاءه عرضا كاملا عند تمرير مؤشر الفأرة عليه؟ وبالتالي فإنه لن يتم النزول سطرا لتظهر بشكلها الافتراضي. مثال: .navbar a:hover{ width: auto; } مثال عملي.

هلا قمت فضلا بالتقاط صورة كاملة لنص الخطأ، يحتمل ان يتضمن ذلك بعض التفاصيل المهمة.

هل يمكنك اختبار الامر من متصفح آخر؟ لأن المشكلة لا تظهر لدي

يبدوا ان هنالك مشكلة في تطبيق التنسيقات على الملف. يحتمل انك تستعمل نسخة اقدم من HTML ولذلك سنتأكد من تعريف نوع ملف التنسيقات عن طريق اضافة الخاصية type مرفقة بالقيمة text/css الى وسم تضمين ملف style.css كالتالي: <link type="text/css" rel="stylesheet" href="style.css"> يجب الاشارة الى ان هذا التعريف كان اجباريا في نسخ اقدم من HTML، ومع ظهور HTML5 قد تم التخلي عليه. تأكد ايضا من تعريف باقي الانواع كـ: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script type="text/javascript" src="script.js"></script> يرجى الاشارة في حالة الاستمرار المشكلة.

لا تظهر اي رسائل اخطاء لدي، ما هي المشكلة لديك بالضبط؟ هل يمكنك نسخ نص رسالة الخطأ او التقاط صورة لها؟

الخطأ بالـ console يخبرك ان ملف السكربت script.js غير موجود، يرجى ارفاق مسار صحيح لهذا الملف. ان كانت رسالة الخطأ التي تظهر لديك غير هاته: Failed to load resource: the server responded with a status of 404 (Not Found) script.js يرجى ارفاق ملف script.js ايضا

هلا قمت بارفاق شيفرة HTML أيضا؟

في هاته الحالة ستكون ساعات العمل نموذجا منفصلا عن المنتج نفسه، لن تحتاج ربط الجدولين وسيكون كلاهما جدولا منفصلا دون أي مفاتيح في أحدهما تميز الآخر. ان كنت تنوي تعطيل اظهار المنتجات او اظهارها بشكل ما في الحالات التي يكون فيها المتجر متوقفا عن العمل فأنت في الغالب ستحتاج اضافة شرط ما كالتالي مثلا: <?php if(store_is_available()){ // اظهار المنتجات } ?> على ان الوظيفة store_is_available هي وظيفة مخصصة تقوم بالتحقق من ما ان كان المتجر متوقفا عن العمل في اللحظة التي يتم استدعاء الوظيفة فيها أو لا. وهذا بشكل عام، يمكنك تخصيصها لتخضع لأشياء أخرى. ملاحظة: المثال بلغة PHP كلغة للواجهة الخلفية، يمكنك تخصيصه وفق اي نموذج او اي لغة تستعملها.

مشكلتك غير واضحة، هلا قمت فضلا بوصفها على نحو أفضل

لا أعلم ما الذي تقصده تماما بساعات العمل، هل يمكنك التوضيح أكثر؟ هل تقصد انها ساعات العمل على المنتج؟

التصميم جيد عموما ولكن أظنه يحتاج بعض الضبط قليلا، فيما يلي بعض الملاحظات حول ذلك: يظهر انزلاق بسبب تجاوز للعناصر على مستوى المحور الأفقي، تأكد من اضافة overflow-x:hidden الى عنصر body للتخلص من المشكلة. نفس ملاحظة المدرب أسامة، أظنك تحتاج اظهار قائمة التصفح. بالوضعية الحالية لقائمة التصفح، لا يوجد ضرورة لاضافة الأيقونة التي تقوم بإظهار وإخفاء القائمة. فهكذا أنت تضطر المستخدمين الصعود الى أعلى الصفحة ثم الضغط من أجل إظهار القائمة لمجرد التصفح الى عنصر آخر. وهو بلا شك ما سيعكس تجربة تصفح سيئة. الحل: قم بإعطاء القائمة وضعية ثابتة position:fixed بالإضافة إلى إبقاء زر الإخفاء. بالنسبة للقسم الأول، قسم عارض الشرائح.يوجد الكثير من المساحات الفارغة التي تحتاج الإهتمام بها أكثر. يمكنك مثلا ضبط حجم الصور ليحتل مساحة أكبر. يمكنك أيضا اضافة أسهم أو دوائر لإعطاء عارض الشرائح مرونة أكثر. أظنك تحتاج اعادة اختيار الصور بعناية، لا تظهر الصور بخلفيات شفافة بشكل جيد، كما أنك تقوم بتبديد جودة الصور عن طريق اعطاء صور من مقاسات مختلفة نفس المقاسات (يمكنك لتفادي هذا المشكل اعطاء الصور عرضا واحدا مع ارتفاع تلقائي، ستلاحظ فرقا كبيرا بهذا). بالقسم الثاني، قسم Popular items حاول المحافظة على ما يسمى النظرة المتناظرة symmetric look. فوجود 5 بطاقات في الصف الأول و 1 في الصف الثاني لا يعطي انطباعا جيدا. أضف 4 أخرى الى الصف الثاني أو قم بالغاء الصف الثاني تماما. بقسم المعرض، تأكد من التخلص من الفراغات السلبية negative spaces. وهي بشكل بسيط الفراغات غير المتساوية بين عناصر نفس الجنس. لاحظ: يعطي هذا انطباعا عن أن الأقسام منفصلة وغير منظمة. درجات الألوان بحدود البطاقات في قسم المعرض حادة جدا وتقليدية، أظنك تحتاج تخفيفها والاهتمام بها أكثر. وتبقى مجرد ملاحظات يمكن أن يختلف فيها مصممو واجهات الاستخدام، فالمجال بدرجة أولى مجال ابداعي، وأشياء مثل الفن والجمال لا يمكن تحديدها وضبطها بسهولة.

لا، لا يعني عدم القدرة على الدفع الى مستودع git انه لا يمكنك الاعتماد على حسابين. ستحتاج في هذا اول الامر التحقق من المشكلة، ما رسالة الخطأ التي تظهر؟ هل يمتلك كل من الحسابات امكانية للوصول الى مختلف هاته المستودعات؟ بعد هذا، ستحتاج تنظيم عملية الدفع الى المستودع أكثر. لأنه لا يفترض من كامل هاته الحسابات الدفع الى مشروع واحد، بل سيحتاج كل منها فرعا منفصلا يدفع اليه. فعلى سبيل المثال: المستخدم أحمد يدفع الى الفرع ahmed-brunch المستخدم علي يدفع الى الفرع ali-branch يقوم المستخدم محمود بعمل merge لكل التعديلات من الأفرع ودفعها الى الفرع الرئيسي main هل يمكنك اضافة تفاصيل اكثر عن المشكلة التي تواجهها؟

هل تستعمل وردبرس؟

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

الشعبية وراء JSON هي في كونها: خفيفة الحجم. أكثر قابلية للقراءة مقارنة بصيغ أخرى من مثل XML. هذا بجانب أنها تتكامل مع أغلب لغات البرمجة، إذ تحتوي كل لغة رئيسية واحدة تقريبًا على شكل من أشكال المكتبات أو الوظائف المضمنة لتحليل سلاسل JSON إلى كائنات أو فئات بهذه اللغة من مثل json_encode و json_decode في PHP و توابع الكائن JSON في جافاسكربت وغيرها. العمل بها سهل وعام. فكل ما تحتاجه هو تصدير البيانات بهاته الصيغة وسيجعل تطبيقك قابلا للربط والتواصل مع اي تطبيق آخر من أي لغة او بيئة عمل. عدم محدوديتها، يوجد بعض الرموز والمحارف التي لا يمكن العمل بها في صيغ أخرى على عكسها. كل هاته الشعبية جعلتها تحتل مكانة مميزة في الويب، بجانب اقتحامها مجالات البيانات الوصفية والمخططات Metadata & schema وغيرها.

يمكنك الاستعانة بأية مواقع للاستلهام أو التغذية البصرية، كأن تقوم بالعمل على تصميم الموقع ككل او أحد او بعض مكوناته فقط. فيما يلي بعض المواقع التي تقدم سلسلة من التصاميم وواجهات المستخدم وعناصرها: موقع codepen: وهو بيئة تطوير اجتماعي لمصممي ومطوري الواجهة الأمامية. موقع webdesign-inspiration: وهو الآخر موقع لإستلهام أفكار تصميم الويب. يمكنك ايضا استعمال pinterest أو dribbble للبحث عن افكار او تصاميم في أي مجال. موقع siteinspire هو أيضا مكان لا بأس به لنفس الغرض.

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

ارى ان الحاوي section يمتلك عرضا ثابتا (400px)، يمكنك ضبطه في حالة الشاشات الأصغر، فعلى سبيل المثال: نعطي عرضا نسبيا للعنصر مقدر بكامل عرض الحاوي، سنتأكد بهذا أن عرض الحاوي لن يتجاوز عرض شاشة العرض: @media only screen and (max-width: 600px){ section{ width: 100%; } } الصورة التي تقوم بعرضها ايضا تمتلك نفس المشكلة، تأكد من تقليل أبعاد الى أخرى اكثر مناسبة: @media only screen and (max-width: 600px){ img{ width: 250px; height: 250px; } } يمكنك اختصار الكتابتين الى: @media only screen and (max-width: 600px){ section{ width: 100%; } img{ width: 250px; height: 250px; } }

هلا قمت بتحديد قيمتي المتغيرين NumberOfPages و adsTotalNumber من داخل شرط التحقق بدلا عن خارجه؟ يكون ذلك كـ: if ($category==0 && $subCategory==0 && $state==0 ) { $stmt=$conn->prepare(" SELECT * FROM items join categories on categories.cat_id=items.CAT_ID join sub on items.subcat_id=sub.subcat_id JOIN country ON items.country_id=country.country_id JOIN state ON items.state_id=state.state_id JOIN city ON items.city_id=city.city_id WHERE country.country_id=? AND items.NAME LIKE '%$inputSearch%' order by feature desc limit $startFrom,$adsPerPage"); $stmt->execute(array($country)); $item= $stmt->fetchAll(); $adsTotalNumber=count($item); $NumberOfPages=ceil($adsTotalNumber/$adsPerPage); } ثم هل يمكنك تحديد بالضبط ما القيمتان المتعارضتان؟

لا تظهر أي مشكلة بالشيفرة او بالاستعلام، فهذا هو المفترض ان يحدث في تصفيح العناصر من قواعد البيانات، فعدم استعمالك للاستعلام LIMIT لن يقوم بتحديد اي فهرس ابتدائي او عدد صفوف معين يتم اقتطاعه. وفي حالة اقتطاعه عن طريق تحديد الاستعلام بـ: LIMIT $startFrom, 4 سيتم جلب الأربع عناصر الموالية للفهرس المحددة. أليس هذا هو المراد من تصفيح المنتجات؟ ما المشكلة التي تواجهها تحديدا؟

ايجاد افكار للمشاريع هو الأمر الآخر الذي ستتعلمه أكثر مع كبر دائرة خبراتك. ولكن لا يمنع هذا من وجود بعض الأفكار التي يمكن تطبيق عليها اغلب الافكار. من مثل: لغرض تحسين التعامل مع كائن الوقت في جافاسكربت نقوم ببناء عداد زمني أو ساعة حائطية نوظف فيها بجانب التوقيت تحويلات CSS مثلا. لغرض تحسين التعامل مع شجرة الوثيقة نقوم انشاء تطبيق to do list وبما انك في بداية الدورة، فسيكون الآن كافيا متابعة ما يقدم في الدورة والتطبيق العملي مع المدرب.

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

بالمنطق الأبسط، لا تقوم مواقع التهنئات الا بوضع نص مخصص فوق صور او قوالب يختارها العميل، ويكون هدا عن طريق التعامل مع نموذج كائن شجرة الوثيقة DOM بشكل عادي. وصحيح هو أنك لا تجد من لا يقوم بهذا بشكله الأبسط ولذلك فإن هاته التطبيقات عادة ما تكون مبنية على أحد أطر عمل الواجهة الأمامية مثل VueJS أو ReactJS لتسهيل التعامل معها وانشاء نماذج أكثر فعالية وتفاعلية. ولتطبيق هاته الفكرة على نحو دقيق، ستحتاج تفكيك هذا السؤال الى عدة أسئلة أدق من مثل: كيف يمكن تحديد النص الذي يدخله المستخدم. كيف يمكن وضع هذا النص داخل حاوية ما. كيف يمكن تخصيص هذا النص. كيف يمكن تصدير هاته الصورة وطباعتها. بالنسبة للتعامل مع واتساب عن طريق الواجهة البرمجية، فلا أظن ان هنالك واجهة مجانية للأفراد فواتساب تقدم خدمة التعامل مع واجهتها كخدمة مدفوعة موجهة حصرا للأنشطة التجارية. يمكنك تسجيل نشاطك التجاري عن طريق الرابط التالي

هل تتساءل عن كيفية انشاء موقع للتهنئات ام عن كيفية التعامل مع الواجهة البرمجية لاتس اب؟