لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 03/23/22 في كل الموقع
-
أريد الحصول على قائمة بكل المستخدمين المسجلين في الموقع ماعدا المستخدم الحالي (الذي يشاهد الصفحة وقام بتسجيل الدخول)، أعلم أنه يمكنني الحصول على كل المستخدم من خلال الكود التالي: User::all(); ولكن كيف أقوم بتحديد كل المستخدمين ماعدا مستخدم معين وليكن المستخدم الحالي (الذي قام بتسجيل الدخول إلى الموقع) على سبيل المثال؟2 نقاط
-
السلام عليكم بحثت في الانترنت عن سكربت تهنئة فلم اجد سوى سكربت بلغة php . هل هناك طريقة لبرمجة سكربت عن طريق html css js و كيف ؟ مع جزيل الشكر2 نقاط
-
أحاول أن أقوم بعمل زر يقوم بعرض تدوينة عشوائية في المشروع الخاص بي، ولكن لا أعلم كيف يمكنني الحصول على تدوينة عشوائية في لارافيل Laravel، فكرت في أن أقوم بتوليد رقم عشوائي ليكون هو معرف المنشور id ولكن عدد التدوينات متغير ولا يمكن الإعتماد عليه لهذا الغرض، هل توجد طريقة أفضل للحصول على منشور عشوائي من قاعدة البيانات في لارافيل Laravel؟2 نقاط
-
انا اقوم بعمل خيري لاحدى المساجد بعرض اوقات الصلاة في صفحة من صفحات الموقع فكرتي ان اقرء اوقات الصلاة من excel اكثر الكودات التي رئيتها عبارة عن زر اضغط و احمل الملف الذي اريده انا اريد بمجرد الدخول الى الصفحة تعرض البيانات بدون الضغط على اي زر و تحميل ملف وهل توجد افكار اخرى غير هذه الفكرة2 نقاط
-
لدي جدول في قاعدة البيانات يحتوي على الكثير من الأعمدة وأريد أن أقوم بعمل إستعلام وجلب أعمدة معينة فقط، يمكنني القيام بهعذا الأمر من خلال كتابة أسماء الأعمدة في إستعلام SQL : SELECT col, col2, col3 FROM table_name WHERE id = 1; كيف أقوم بإنشاء استعلام يقوم بإرجاع مجموعة معينة فقط من الأعمدة في جانغو Django؟2 نقاط
-
2 نقاط
-
السلام عليكم لدي تطبيق مبرمج ب react ، اريد رفعه الى appstore ، هل يمكنني رفعه باستخدام vscode في الوينداوز لان ليس لدي جهاز ابل1 نقطة
-
هل لديك مثال ل code source او مكتبة js معينة انزلها لكي استطيع عمل سكربت مثل موقع بطاقات1 نقطة
-
بالاضافة الى اجابة المدرب وائل، يمكنك اعادة تعريف او تجاوز overriding التابع all بما يوافق مرادك. كأن تستثني معرفا أو مستخدما ما بشكل عام دون الحاجة لإعادة استثناءه كل مرة. يشترط أثناء تجاوز اي تابع او وظيفة في لارافيل تعريفها وفق ما هي معرفة في صنفها الحاوي لها. اعادة تعريف التابع all بما يوافقنا سيكون في ملف النموذج User.php كالتالي: /** * اصتثناء مستخدمين معينين * * @param array|mixed $keys * @return array */ public static function all($keys = null) { $data = parent::all(); # حقن البيانات من صنف النموذج في متغير return $data->except(auth()->id); # استثناء المستخدم القائم بالطلب } ثم سيمكنك بأي مكان من تطبيقك استدعاء التابع all بالطريقة التقليدية التي تعرفها: User::all() # ستقوم بإعادة كامل المستخدمين معدا المحدد لها سيجنب هذا التكرار في حال ما كنت تكرر استعلام جلب المستخدمين معدا المستخدم القائم الطلب كل مرة. بجانب ان التعديل عليها لن يكون سهلا، فقد تشاء في المستقبل استثناء المستخدمين غير المفعلين أو المستخدمين المشرفين مثلا. ميزة اطر العمل مفتوحة المصدر هي في مرونتها ولامحدوديتها، يمكنك تخصيص اي جزء من التطبيق وفق منطق الخاص.1 نقطة
-
يمكننا عمل الاستعلام بمساعدة دالة الاستثناء except ونمرر لها معرف المستخدم الحالي مثلا من الصنف Auth ليصبح كالتالي: <?php $users = User::all()->except(Auth::id()); كما يوجد طرق أخرى مثل عمل إحدى الطريقتين: نستعمل الدالة where ونمرر لها معاملات الشرط المناسبة مثل اسم العمود id و الشرط لا يساوي ثم رقم المستخدم الحالي <?php $users = User::where('id', '!=', auth()->id())->get(); $users = User::whereKeyNot(auth()->id)->get(); وفي حال أردت استثناء أكثر من مستخدم يمكنك تمرير مصفوفة بال ids للدالة except <?php User::all()->except([1,2,3,4]);1 نقطة
-
بالطبع سيمكنك ذلك، ستحتاج في هذا بناء واجهة التطبيق عن طريق HTML وتنسيقها عن طريق CSS أو أحد مكتباتها أو اطر عملها ثم تعريف الوظائف اللازمة لتوليد التهنئة كقسم HTML منسق أو عن طريق إرسال التهنئة عبر البريد الالكتروني باستخدام احد المكتبات او الواجهات البرمجية المجانية او المدفوعة التي توفر امكانية ارسال رسالة بريد الكتروني مباشرة عن طريق واجهة العميل دون الحاجة الى خادم او واجهة خلفية. نذكر مثلا emailjs. اما كان مرادك صفحة ثابتة تعرض محتوى تهنئة فبالطبع يمكنك عملها عن طريق HTML و CSS. توجد أيضا مواقع تقدم خدمات تصميم وإنشاء بطاقات التهنئة من مثل موقع بطاقات فيمكنك انشاء مثلها أيضا، هاته الانواع من التطبيقات قد تتطلب العمل على أحد اطر جافاسكربت، ReactJS أو VueJS مثلا.1 نقطة
-
هل يعمل بطريقة جيدة أو تواجه أي مشكلة؟ الشيفرة جيدة أحسنت1 نقطة
-
لا يخفى على أحد أن نقل المعلومات يصبح أسهل عندما يكون لها تمثيل مرئي، فالصورة أبلغ من ألف كلمة، وقد أدركنا ذلك تمامًا في العصر الرقمي عندما لمسنا فوائد لقطات الشاشة التي يمكن استخدامها لنقل المعلومات ولأغراض أخرى، مثل حفظ الملاحظات وإيصال الأفكار بصورة أوضح، وكل ذلك لم يتطلب منا إلا بضع نقرات. ومع تواجد الكثير من البرامج والأدوات المختلفة المتاحة لالتقاط لقطات الشاشة في الوقت الحاضر، فقد يكون اختيار التطبيق الذي يناسب احتياجاتك أمرًا محيرًا بعض الشيء. لنتعرف على تطبيق جرين شوت Greenshot الذي يُعَد من أفضل برامج لقطات الشاشة المجانية. تطبيق Greenshot Greenshot هو تطبيق مجاني مفتوح المصدر لسطح المكتب، وهو متوافق مع الحواسيب التي تعمل بنظام ويندوز. يأتي برنامج التقاط الشاشة الحديث مزودًا بمجموعة كبيرة من الميزات؛ مثل تحرير لقطة الشاشة وتعديلها، والتحميل التلقائي. يركز Greenshot أيضًا على بساطة الاستخدام والتقاط لقطات الشاشة بالطريقة التي تريدها. يثبَّت برنامج Greenshot الخفيف بسرعة، ولا يعمل إلا عند الحاجة إليه. يمكنك استخدام هذا البرنامج لالتقاط شاشة الحاسوب بالكامل، أو نوافذ تطبيقات محددة مفتوحة، أو أجزاء مستطيلة محددة على الشاشة، وقد أتيح مؤخرًا على نظام تشغيل ماك بسعر رمزي لدعم مطوري التطبيق. ضبط الإعدادات العامة بعد تثبيت التطبيق، ستجد أيقونته في شريط المهام قرب الساعة، وقبل أن تتمكن من البدء باستخدامه، يجب النقر بزر الفأرة الأيمن فوق الرمز الخاص به وتعديل بعض الإعدادات من خيار Preferences/التفضيلات. سيؤدي النقر فوق التفضيلات إلى عرض نافذة الإعدادات، حيث يمكنك تعديل الإعدادات الافتراضية. تستطيع التحقق من خيارات تسجيل مفاتيح الاختصار ولغة تشغيل التطبيق ضمن علامة التبويب "عام". اختصارات Greenshot بمجرد تثبيت برنامج Greenshot، فإنه سيعتمد تلقائيًا المفتاح Print Screen اختصارًا لتشغيل التطبيق، لكن في حال كان لديك برنامج آخر يستخدم هذا المفتاح ولا تريد تغييره، أو أنك لا تفضل استخدام هذا المفتاح؛ فإن هذا التطبيق يتيح لك ربط الاختصار مع المفتاح الذي تريده، ويمكنك تنفيذ ذلك بسهولة ضمن قائمة الإعدادات. يمكن تطبيق هذه الطريقة أيضًا على باقي الاختصارات. إعدادات الالتقاط يمكن ضبط الإعدادات المتعلقة بالتقاط الصورة من خلال علامة التبويب Capture/التقاط، إذ يمكنك تحديد مقدار التأخير الزمني قبل التقاط لقطة الشاشة مقدرًا بالميلي ثانية، ويوجد خيار إظهار أو إخفاء مؤشر الفأرة في حال كانت اللقطة لكامل الشاشة أو لنافذة محددة، كما يوجد خيار لكتم الصوت وعرض الإشعار الذي يصدر خلال التقاط لقطة الشاشة. حفظ الصور يمكنك ضبط إعدادات ملف الصورة النهائي من خلال علامة التبويب Output/الخرج، وهذه القائمة مرتبة بطريقة منظمة وذكية. يمكنك اختيار مسار محدد لحفظ لقطات الشاشة واختيار الصيغة الافتراضية التي ستحفظ بها الصور، كما يتاح لك التحكم بجودتها، بالإضافة إلى إمكانية ضبط نمط تسمية الصور بالأسلوب المناسب الذي تفضله. تحديد وجهة لقطة الشاشة Destination من الميزات المفيدة التي يتمتع بها تطبيق Greenshot في حال كانت هناك أكثر من نافذة مفتوحة؛ هي إمكانية اختيار إحدى هذه النوافذ لكي تأخذ لقطةً لها، وهي ميزة موفرة للوقت. يسمح Greenshot بالتقاط كامل الشاشة عند الضغط على زر Print Screen، كما يسمح أيضًا بتحديد منطقة معينة من الشاشة يحدِّدها المستخدم لكي تلتقَط، ويحدد لك أبعاد X,Y للقطة. بعد هذا تكون عملية اختيار وجهة الصورة. التصدير بعد التقاط لقطة الشاشة، يمكن للتطبيق إرسال الصور تلقائيًا عبر البريد الإلكتروني، أو من خلال رفعها على حسابك في موقع imgur المتخصص بالصور، وذلك لتتمكن من تصدير تلك اللقطات إلى برنامج من طرف ثالث، مثل برامج مايكروسوفت المكتبية أو الرسام؛ كما توجد ميزة أخرى لطيفة غير موجودة في بعض البرامج الأخرى، وهي إرسال لقطاتك مباشرةً إلى الطابعة وطباعتها. محرر الصور الخاص بالتطبيق بعد التقاط لقطة الشاشة، يمكنك اختيار فتح الصورة في محرر الصور الخاص بالتطبيق، وستظهر لقطاتك في نافذة جديدة. يتميز محرر الصور بأنه أساسي وبسيط، مع احتوائه على أدوات فعّالة في تعديل الصور؛ وهو يقدّم مميزات مختلفة مفيدة لتخصيص لقطات الشاشة، مثل السماح برسم خطوط ودوائر ومستطيلات على لقطة الشاشة، بالإضافة إلى عدة ميزات أخرى سنستعرضها بالتفصيل فيما يلي. إضافة أسهم وخطوط وأشكال أكثر الأدوات شيوعًا في تعديل الصور هي أدوات الرسم التي تُستخدم لإضافة أشكال مثل الأسهم وغيرها. تُستخدم الأسهم مثلًا، للإشارة إلى الأشياء المراد التركيز عليها، وتوضيح الأجزاء المهمة. يتيح لك المحرر أيضًا إمكانية رسم خطوط ودوائر ومستطيلات، بالإضافة إلى خيار الرسم الحر بمؤشر الفأرة. يمكن إنشاء أحد هذه اﻷشكال عبر النقر على الأدوات من شريط الأدوات الموجود على الجانب الأيسر للنافذة، ثم سحب وإفلات مؤشر الفأرة على المنطقة المعينة. يمكن اختيار لون الأداة والتحكم بسماكتها، كما يمكن اختيار لون الحدود والتعبئة للأشكال المغلقة. القص و التدوير وتغيير الحجم يمكنك اقتطاع جزء من لقطة الشاشة عبر سحب وإفلات مؤشر الفأرة على المنطقة المراد اقتطاعها، كما يمكن تدوير لقطة الشاشة باتجاه عقارب الساعة أو عكسها، وتغيير حجم لقطة الشاشة مع مراعاة نسبة العرض إلى الارتفاع، بالإضافة إلى وجود خيار للتراجع والتكرار. إضافة مؤثرات هناك عدد من المؤثرات البسيطة سهلة الاستخدام، والتي من الممكن أن تحتاج استخدامها في محرر الصور. على سبيل المثال، عكس ألوان الصورة كاملة أو مساحة معينة منها، وإضافة تدرج رمادي اللون، وإضافة إطار خارجي للصور. الترقيم يُعَد الترقيم وسيلةً فعالةً من أجل شرح كيفية تنفيذ عمل ما وفق تسلسل معين. إذا كان الشرح يحتاج إلى مخطط متعدد الخطوات، فسيوفر محرر الصور في Greenshot أداة الترقيم التي تسهّل المهمة لتنفيذ ذلك. يمكنك ضبط ألوان خليفة الفقاعة، ولون الأعداد التي بداخلها، كما يمكنك ضبط القيمة الابتدائية للترقيم، مثل أن يبدأ العد من الرقم 50 بدلًا من الرقم 1 على سبيل المثال. الملاحظات النصية تكاد لا تخلو الصور الموجودة على الويب من الملاحظات النصية، إذ تستخدم هذه الملاحظات لتوضيح وشرح أجزاء معينة في الصور، وكتابة معلومات وشروحات مساعدة. يتيح المحرر إمكانية إضافة تلك الملاحظات على شكل فقاعة كلام، ويمكنك إنشاء واحدة بالنقر على أيقونة الملاحظات ووضع الملاحظة في المكان الذي تريده. يمكنك ضبط لون خلفية الملاحظة وسماكة الإطار الخارجي لها، كما يمكنك اختيار نوع الخط ولونه وتأثيرات النص المدرج داخل الملاحظة، بالإضافة إلى إمكانية تغيير حجم الملاحظة النصية. التعتيم كثيرًا ما نحتاج إلى تعتيم أسماء أو نصوص حساسة أخرى من لقطات الشاشة قبل نشرها على الإنترنت، وهنا يأتي دور أداة التعتيم. يتيح لك هذا البرنامج اختيار إحدى هاتين الطريقتين للتعتيم: التمويه: يمكنك التحكم بسماكة طبقة التمويه على الجزء المراد تعتيمه حتى تصعب رؤيته أو قراءته، كما يمكن إضافة إطار للجزء المموه للتأكيد عليه، إلى جانب إمكانية التحكم بسماكته ولونه. البكسلة: وهي زيادة حجم البكسلات في المنطقة التي تحتاج إلى تعتيم، وبذلك تصبح المنطقة غير واضحة، فكلما زاد حجم البكسلات، ازدادت صعوبة رؤيتها. وكما هو الحال في الطريقة الأولى، من الممكن إضافة إطار للجزء المعتم والتحكم بخصائصه. الخاتمة يُعَد Greenshot تطبيقًا مفيدًا للغاية لالتقاط لقطات الشاشة بسهولة على حاسوبك، وهو خفيف وفعال، ويمكن استخدامه من قِبل أي شخص لديه معرفة أساسية فقط بالحواسيب، ويحتوي على محرر الصور الذي يتضمن الأدوات الأساسية التي تحتاجها لتعديل الصور وتخصيصها، واﻷهم من هذا كله هو أنه مجاني ومفتوح المصدر. اقرأ أيضًا الصور في وورد: إدراج الصور، اقتطاعها، والتحكّم في أحجامها برنامج Flameshot لالتقاط لقطات الشاشة وتحريرها1 نقطة
-
يعطيك العافية عندي مشكلة بمشروعي..ماعم افهم المشاكل يلي بتواجهني ....اهم شي طريقة كتابة الكود أولا أريد زيادة طول الborder-top في ال Hover " لا اريد زيادة السماكة فقط الطول " <header> <div class="titre"> <div class="premier-titre"> <img src="image/Booki.png" alt="logo"> </div> <div class="deuxieme-titre"> <ul> <li><a href="#hebergement">Hébergement</a></li> <li><a href="#activités">Activités</a></li> </ul> </div> </div> </header> .titre { display: flex; justify-content: space-between; } .titre .premier-titre { display: flex; justify-content: flex-start; padding: 40px 0px 50px 20px; } .titre .premier-titre img { width: 110px; height: 50px; } .titre .deuxieme-titre { display: flex; justify-content: flex-end; } .titre .deuxieme-titre ul { padding-top: 40px; } .titre .deuxieme-titre ul li { list-style-type: none; display: inline-block; padding-left: 60px; } .titre .deuxieme-titre ul li a:hover { padding-top: 35px; border-top: 1px solid #0065fc; color: #0065fc; } الجزء الثاني عبارة عن ثلاث اجزاء صغيرة جزء الformule recherche اريد جعل لونه متناسقا مع الايقون وكل مربع البحث <!--localisation--> <div class="localisation"> <div class="icon"> <i class="fa-solid fa-location-dot"></i> </div> <input type="text" id="text" placeholder="Marseille,France"> <input type="submit" value="Rechercher"> </div> .localisation { margin-top: 25px; margin-left: 40px; position: relative; border-color: #eee; height: 56px; } .localisation .icon { border-top-left-radius: 15px; border-bottom-left-radius: 15px; background-color: #f2f2f2; color: white; padding: 18px 25px 21px 21px; color: black; position: absolute; left: -50px; } .localisation input[type="text"] { padding: 17px; font-size: 17px; position: absolute; left: 6px; } .localisation input::placeholder { color: black; font-size: 20px; font-weight: bold; } .localisation input[type="submit"] { background-color: #0065fc; color: white; font-size: 15px; padding: 16px 41px 20px 20px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; /* position left parceque si je veux utiliser width pour (buttuon resarch ), il commence à droit et il entre sur marseille*/ position: absolute; left: 249px; } <div class="infos"> <i class="info fa-solid fa-info"></i> <p>Plus de 500 logements sont disponible dans cette ville. </p> </div> الجزء الصغير هنا اريد الايقون بجانب الجملة الايقون يظهر منخفض عن الجملة .infos { margin-right: 15px; margin-top: 45px; display:flex; } border: 1px solid grey; border-radius: 50%; color: #0065fc; text-align: center; padding: 5px; margin-right: 15px; } هنا المشكلة ال flexbox لايعمل اريد ترتيب العنصرين hebergement and aside in flexbox و اريد ايضا ترتيب العناصر بداخلهما ب flexbox <main> <section id="hebergement "> <div class="hebergement"> <h2>Hébergements à Marseille</h2> <div class="tous-proposition"> <a href="#"> <div class="proposition"> <figure> <img src="image/auberge.jpg" width="150px" alt="chambre-hotel"> </figure> <div class="groupe-elements"> <h3>Hôtel du port</h3> <p>Nuit à partir de 25<strong>€</strong></p> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposition"> <figure> <img src="image/hotel-port.jpg" width="150px" alt="chambre-hotel"> </figure> <div class="groupe-elements"> <h3>Hôtel du port</h3> <p>Nuit à partir de 52<strong>€</strong></p> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposition"> <figure> <img src="image/hotel-mouettes.jpg" width="150px" alt="chambre-hotel"> </figure> <div class="groupe-elements"> <h3>Hôtel les mouettes</h3> <p>Nuit à partir de <strong>76€</strong></p> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposition"> <figure> <img src="image/Hotel-de-lamer.jpg" width="150px" alt="chambre-hotel"> </figure> <div class="groupe-elements"> <h3>Hôtel de la mer</h3> <p>Nuit à partir de 46<strong>€</strong></p> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposition"> <figure> <img src="image/Auberge-panier.jpg" width="150px" alt="chambre-hotel"> </figure> <div class="groupe-elements"> <h3>Auberg Le panier</h3> <p>Nuit à partir de <strong>23€</strong></p> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposition"> <figure> <img src="image/hotel-amina.jpg" width="150px" alt="chambre-hotel"> </figure> <div class="groupe-elements"> <h3>Hôtel chez Amina</h3> <p>Nuit à partir de 96<strong>€</strong></p> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> </div> </a> <div class="fin-proposition"> <a href="#">Afficher Plus</a> </div> </div> </section> <aside> <h2> Les plus populaires</h2> <i class="icon-po fas fa-chart-line"></i> <div class="proposi"> <img src="image/1.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <h3>Hôtel Le soleil du matin</h3> <p>Nuit à partir de 128<strong> € </strong></p> <div class="stars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> </div> <div class="proposi"> <img src="image/2.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <h3>Au coeur de l'eau</h3> <p>Nuit à partir de 71<strong> € </strong></p> <div class="stars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposi"> <img src="image/Hôtel-Blanc.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <h3>Hôtel Tout bleu et Blanc</h3> <p>Nuit à partir de 68 <strong>€</strong></p> <div class="stars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> </aside> </main> main { display: flex; flex-wrap: wrap; margin-top: 40px; } main section .hebergement { width: 70%; border: 1px solid silver; border-radius: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; } .hebergement .tous-proposition { display: flex; justify-content: space-around; } main section .hebergement .proposition { border: 1px solid silver; } .hebergement .fin-proposition { margin-left: 65px; margin-top: 18px; margin-bottom: 32px; font-weight: bold; } .hebergement a { text-decoration: none; } .hebergement .fin-proposition a { color: black; text-decoration: none; } /*----------------plus populaire-------------------------*/ main aside { width: 30%; border: 1px solid silver; } aside { padding: 20px 35px 30px 20px; border-radius: 15px; background-color: #dbdbd7; margin-top: 25px; margin-right: 50px; } aside h2 { padding-bottom: 2px; } aside .icone-po { display: flex; } aside .proposi { border: 1px solid silver; border-radius: 15px; background-color: white; margin-bottom: 54px; display: flex; justify-content: flex-start; } aside .proposi img { width: 120px; height: 120px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; background-color: white; padding: 5px; } aside .proposi .groupe-elements { display: flex; flex-direction: column; justify-content: flex-start; padding-left: 10px; padding-top: 10px; } aside .proposi .groupe-elements .stars { padding-top: 35px; color: #0065fc; } شكرا جزيلا1 نقطة
-
اريد اعمل SELECT لموظفي قسم معين بحيث تكون بيانات كل موظف في CARD ويكون كل CARD في CULOM لا اريد استخدم ASP.NET1 نقطة
-
إذا كان لديك بداخل الفورم الخاص بك احدى العناصر التالية(checkBox - select) فأنت بحاجة للتحقق من قيمة الاختيار سواء كان true ,false أو yes , no او 1,0 ولكن المشكلة هنا ان الRequest قد يقوم باعطاءك هذه القيمة (string) , هنا يمكنك استخدام الميثود (boolean) : مثال: $archived = $request->boolean('archived'); الmethod التالي سيقوم بإرجاع true لكل القيم في المجال التالي (1, "1", true, "true", "on", "yes") وسيقوم بإرجاع false لجميع القيم الأخرى1 نقطة
-
كما أجاب حسن فإن النمط المضاد هو نمط يخلق مشاكل أو يزيد تعقيد التصميم, ويمكننا تحديد ما كان النمط مفيد أو مضاد عبر بعض النقاط هل النمط يقوم بمخالفة أحد مبادئ solid? (مبدأ المسؤلية الواحدة, مبدأ مفتوح للإمتداد مغلق للتعديل, مبدأ إلإستبدال لليسكوف, مبدأ فصل الواجهة, مبدأ التبعية) إن كان النمط يقوم بمخالفة تلك المبادئ إذًا يمكننا إعتباره مبدأ مضاد هل النمط يقوم بإحداث code smells ؟ بالنسبة لمصطلح code smells هو يُعبر عن بعض المشاكل التي عندما تجدها في الشفرة يُعد ذلك إشارة عن سوء التصميم , بعض علامات الcode smells data clumbs : عندما يكون لدينا مجموعة من المتغيرات يتم تمريرها عادةً سويًا , على سبيل المثال public int doSomeThingWithPoint(int x, int y, int z) تلك الدالة تقوم بإستقبال الإخداثيات الثلاثة الخاصة بنقطة ما ومن ثم تقوم بعملية ما على تلك النقطة, هذا يُعد إشارة لتصميم سيئ, يمكننا تعديل التصميم ونضع المتغيرات الثلاثة في صنف يُعبر عن النقطة كما يتضح public class Point{ public setX(){ //set x} public setY(){ //set y} public setZ(){ //set y} ///getters } data classes : في المثال السابق عالجنا مشكلة الdata clumps ولكن تسببنا في ظهور مشكلة جديدة وهي data classes أي أصناف لا يوجد بها إلا getters , setters لا يوجد بها دوال فعلية, يمكننا معالجة تلك المشكلة عبر نقل دالة doSomeThing إلى الصنف point public class Point{ public setX(){ //set x} public setY(){ //set y} public setZ(){ //set y} ///getters public doSomeThing(){ //do something with point } } shotgun surgery: عندما تقوم بعمل تعديل على دالة ما وتتسبب في جعلك تحتاج تعديل على دوال واماكن اخرى كثيرة غيرها, هذا علامة على التصميم السيئ حيث من علامات التصميم الجيد أن التغيير في أحد الدوال أو الأصناف لا يؤثر على باقي البرنامج: ويمكنك القراءة عن مبادئ SOLID عبر المقالات في هذا الرابط1 نقطة
-
أنماط التصميم Design Patterns هي أنماط متشابهة تم ملاحظتها خلال حل الكثير من المشاكل البرمجية، وتم دراستها وتوثيقها وشرح استخداماتها ويمكن استخدامها عند مواجهة نفس المشاكل المتكررة لتساعدنا في حلها. النمط المضاد Anti Pattern هو أي نمط لا يهدف لحل مشكلة ما بل يخلق مشاكل أو يزيدها تعقيدًا، وأيضًا ملاحظة تلك الأنماط المضادة وشرح مساوءها يجعلنا نتجنب استخدامها للتخفيف من المشاكل. النمط المضاد هو نمط يجب تجنب استخدامه، يمكنك الاستفادة من قراءة المقال التالي للتعرف على أنماط التصميم:1 نقطة
-
حدث النسخة sudo apt update sudo apt upgrade أعد تفعيل واجهة الرسوميات sudo systemctl set-default graphical ثم قم بعمل restart ل gdm sudo systemctl start gdm3 ثم قم باعادة التشغيل1 نقطة
-
يتم استعمال القاعدة accepted بدل required لمربعات التحقق في لارافيل، يجب أن يكون الحقل قيد التحقق "true" أو "on" أو "1. يكون هذا مفيدا في حالات التحقق من الموافقة على شروط الاستخدام مثلا. مثال عملي: $validated = $request->validate([ 'email' => 'required|unique:users', 'terms' => 'accepted', // ... ]); تعرف أكثر عن التحقق (validation) في Laravel1 نقطة
-
يبدو أن الحزمة البرمجية الخاصة بمخدم PHP والاتصال مع mySQL غير مفعله، ويمكنك ذلك من خلال فتح ملف php.ini وإلغاء تعليق السطر: [PHP_PDO] extension=php_pdo.dll [PHP_PDO_MYSQL] extension=php_pdo_mysql.dll ويمكننا تثبيت حزمة PHP MySQL خاصة من خلال الأوامر: sudo apt-get install php-mysql أو PHP5: sudo apt-get install php5-mysql PHP7: sudo apt-get install php7.0-mysql ثم نقوم بإعادة تشغيل مخدم الويب Apache: sudo /etc/init.d/apache2 restart Nginx: sudo /etc/init.d/nginx restart1 نقطة
-
إذا كُنت تستخدم الطريقة POST لإرسال معلومات النموذج من القالب إلى السرفر يُمكنك استعمال الشيفرة التالية لكي تحصل على كل الإختيارات التي إختارها المُستخدم: request.POST.getlist('options') حيثُ: options هو اسم الحقل select في النموذج. في حالة عدم قيام المُستخدم باختيار أي خيار الشيفرة تقوم بإرجاع قائمة فارغة.1 نقطة
-
للانتقال للواجهة الرسومية اضغط على المفاتيح Ctrl+Alt+F1 وإن بقيت المشكلة نعيد تشغيل برمجية الواجهة حاول تنفيذ الأمر: sudo systemctl restart gdm وفي حال بقاء المشكلة نعيد التثبيت للمكتبات sudo apt install --reinstall gdm3 ubuntu-desktop gnome-shell sudo systemctl reboot1 نقطة
-
يمكنك أيضًا إستعمال الكائن Q للقيام بالإستعلامات المتعددة الشروط على النحو التالي: from django.db.models import Q first_condition = Q(title__contains="automation") second_condition = Q(title__contains="python") posts = Post.objects.filter(first_condition & second_condition) بهذا الشكل يمكنك عمل أي عدد من الشروط وربطها معًا من خلال المعامل & في التابع filter أيضًا يمكنك إستخدام المعامل OR في لغة SQL بنفس الطريقة من خلال إستبدال المعامل & في المثال السابق بالمعامل | كالتالي: from django.db.models import Q first_condition = Q(title__contains="automation") second_condition = Q(title__contains="python") posts = Post.objects.filter(first_condition | second_condition) # first_condition OR second_condition1 نقطة
-
يمكنك ربط التصفيات للحصول على كل المنشورات التي تحتوي في عنوانها على كلمتين كما يلي: posts = Posts.objects.filter(title__contains='automation').filter(title__contains='python') اي اننا نقوم بالتصفية مرتين, المرة الاولى للحصول على المنشورات التي تحتوي على الكلمة automation بعد ذلك تصفية الناتج للحصول على المنشورات التي بها الكلمة python.1 نقطة
-
للحصول على كل المنشورات التي تحتوي في عنوانها على كلمتين معاً باستخدام جانغوُ ORM يُمكنك كتابة: posts = Post.objects.filter(title__icontains="automation", title__icontains="python") حيث: Post هو اسم النموذج (Model) الذي تستخدمه. لاحظ أننا استعملنا العبارة icontains لتصفية الحقل title وهي تعمل نفس عمل LIKE في SQL.1 نقطة
-
1 نقطة
-
انصحك بمجال machine learning و devops فهما المستقبل في مجال البرمجة ولكن مجال تصميم المواقع لا يموت و هو مربح مع الشركات الكبرى يمكن ان يصل تصميم الموقع الكامل الى 3000 دولار او اكثر1 نقطة
-
1 نقطة
-
شكراُ لكم جميعاً أنا أعمل حالياً على مواقع Freelancer و Upwork. لكن تعرَّفت حديثاً على موقع envato وهو لبيع التصاميم الجاهزة، وأردت أن أتعرف على التفاصيل المتعلقة به قبل الدخول في هذا المجال. لدي شعارات تصلح لأكثر من اسم (مثلاً: شعار لمتجر إلكتروني - شعار لتطبيق أو شركة ترجمة أو استشارات - وغير ذلك) وكذلك عندي بعض البروشورات وبطاقات الأعمال التي أرغب في بيعها والاستفادة منها1 نقطة