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

كنت احاول تصميم بعض صفحات الهبوط فواجهة مشكلة في مقاسات الصور ليس تعديل المقاسات بلغة css بل المشكلة اني لا اجد على الانترنت مقاسات صور مناسبة لمواقع الويب فمثلا نحن نعلم ان مقاس صورة الانستغرام هي 1:1 هل هناك مقاسات معينة لمواقع الويب وكيف اجعل الصورة نفسها متجاوبة مع جميع الشاشات

حاليًا أواجه مشكلة محيرة قليلاً، استخدم مكتبة react-datepicker وreact-tailwindcss-datepicker لكن عند الاستيراد كالتالي: import DatePicker from "react-datepicker"; import Datepicker from "react-tailwindcss-datepicker"; يحدث مشكلة حيث أن الاستيراد الثاني يلغي الاستيراد الأول بطبيعة الحال، فكيف أقوم بحل تلك المشكلة؟ قمت بالاستيراد كما هو مشروح في المستند الرسمي لكل مكتبة. قم بتجربة الحل التالي لكن لم يجدي نفعًا: import Datepicker as TDatepicker from "react-tailwindcss-datepicker"; في حال توفير حال أرجو شرح الحل لكي أتمكن من فهمه.

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

هذا يعتمد على الصورة التي تحاول التعامل معها فمثلاً إذا كانت الصورة هي صورة خلفية فالأفضل ان تستخدم معها اسلوب (اخذ طول وعرض العنصر الاب وان تأخذ طريقة العرض cover) مثل : #myImg { height: 100%; width: 100%; object-fit: cover; } وتتحكم بالطول والعرض للاب حتى تحصل على النتيجة التي تريده وهذه هي الطريقة التي استخدمها شخصياً في اغلب الحالات. واذا كانت الصور هي عبارة عن بطاقات فيمكنك استخدام صور بقياسات ثابتة أو قص الصور التي تحصل عليها من المستخدمين في حال كانت ديناميكية للحصول على صور بأبعاد ثابتة وتثبيت هذه الابعاد على 280px عرض (اصغر قياس شاشة) والطول الذي تريده. او يمكنك استخدام اكثر من صورة لكل من الشاشات المختلفة. وحتى مع القيام بكل الخطوات السابقة فلن تكون الصورة كما تريدها بالضبط دائماً على كل الشاشات وستحتاج للكثير من التعديلات حتى تحصل على النتيجة التي تريدها تماماً وانت بحاجة للقيام بذلك اكثر من مرة حتى تحصل على المهارة اللازمة. وبالعودة لسؤالك فإن كان بإمكانك مشاركة المشكلة التي تواجهها تحديداً فقط استطيع مساعدتك بشكل افضل.

السلام عليكم، لقد أنهيت 6 مسارات من دورة علوم الحاسوب و أنوي إجتياز الإختبار هل أستطيع أو هل تنصحني بإجتياز الإختبار الآن أم إتمام الدورة كاملة

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

بالإضافة للشرح في التعليق السابق سأحاول توضيح السؤال الأول بالتفصيل حيث يمكن استخدام عدة طرق لتحديث البيانات من API بشكل لحظي. إليك بعض الطرق الشائعة: يمكنك استخدام عملية ال Polling لجلب البيانات من الAPI بشكل دوري. يمكنك استخدام دالة مؤقتة لتنفيذ طلب للحصول على البيانات بانتظام بناءً على الجدول الزمني الذي تحدده. على سبيل المثال، يمكنك استخدام وحدة زمنية مثل time.sleep() لتنفيذ طلب كل فترة زمنية محددة. بدلاً من ال Polling ، يمكنك استخدام ال Webhooks لتلقي التحديثات الفورية من الAPI. في هذه الحالة، يجب أن يدعم الAPI نظام ال Webhooks وتحديد عنوان URL لتلقي التحديثات. عندما يحدث تحديث في البيانات، يتم إرسال طلب POST إلى عنوان URL الذي تحدده لإعلام التطبيق الخاص بك بالتغييرات الجديدة. بعض الAPI توفر بروتوكولات مثل WebSocket لتلقي التحديثات فور حدوثها. يمكنك استخدام مكتبة مثل websockets في Python لإنشاء اتصال WebSocket وتلقي التحديثات بشكل فوري.

السلام عليكم ورحمة الله وبركاته أين الخطأ في في كتابة هذا الكود وماهي أسهل طريقة لتتبع الكود ومعرفة الخطأ import customtkinter class Frame1(customtkinter.CTkFrame): def __init__(self, master): super().__init__(master) self.checkbox_1 = customtkinter.CTkCheckBox(self, text="checkbox 1") self.checkbox_1.grid(row=0, column=0, padx=10, pady=(10, 0), sticky="w") self.checkbox_2 = customtkinter.CTkCheckBox(self, text="checkbox 2") self.checkbox_2.grid(row=1, column=0, padx=10, pady=(10, 0), sticky="w") self.optionmenu = customtkinter.CTkOptionMenu(self, values=["option 1", "option 2"]) self.optionmenu.grid(row=2, column=0, padx=10, pady=(10, 0), sticky="w") class Frame2(customtkinter.CTkFrame): def __init__(self, master): super().__init__(master) self.button = customtkinter.CTkButton(self, text="فتح ملف", command=button_event) self.button.grid(row=0, column=0, padx=10, pady=(10, 0), sticky="w") class App(customtkinter.CTk): def __init__(self): super().__init__() self.title("my app") self.geometry("400x180") self.grid_columnconfigure(0, weight=1) self.grid_rowconfigure(0, weight=1) self.Frame_A = Frame1(self) self.Frame_A.grid(row=0, column=0, padx=10, pady=(10, 0), sticky="nsw") self.Frame_B = Frame2(self) self.Frame_B.grid(row=0, column=1, padx=10, pady=(10, 0), sticky="nsw") def button_event(Frame2): print("button_event") app = App() app.mainloop()

قم بكتابة دالة button_event كالتالي: class Frame2(customtkinter.CTkFrame): def __init__(self, master): super().__init__(master) def button_event(): print("button pressed") self.button = customtkinter.CTkButton( self, text="فتح ملف", command=button_event) self.button.grid(row=0, column=0, padx=10, pady=(10, 0), sticky="w")

هذا ما ذكرته لك في الإجابة أول مرة قم بقراءة التعليق مرة أخرى

سبب المشكلة هو أنه عند استيراد مكتبتين أو أكثر يحتويان على مكون (Component) بنفس الاسم، فإن ذلك يؤدي إلى تضارب (Conflict) بين المكونات. والسبب في ذلك هو: - في كل مكتبة يتم تصدير/تعريف المكونات تحت أسمائها الأصلية في المستند الرسمي. - لكن عند استيراد المكتبتين مع بعض فإنه يحدث تداخل بين الأسماء. - فالمترجم (Compiler) لن يستطيع التمييز بين المكون الأول والثاني لأنهما يحملان نفس الاسم. - لذلك يحدث خطأ أثناء التجميع. أما عند استخدام أسماء مختلفة عند الاستيراد فإن ذلك يجعل المترجم قادراً على التمييز بين كل مكون على حدة، فلا يحدث تداخل. وبالتالي فإن تغيير الأسماء عند الاستيراد هو الحل لتفادي المشكلة، على الرغم من أن الأسماء الأصلية في المستندات ستظل كما هي.

ما الخطأ الذي ظهر لك؟ الكود لديك لا يوجد به أي دالة باسم button_event

ولكن ما زلت لم أفهم ما سبب المشكلة لماذا نستطيع كتابة اسمين مختلفين بينما يوجد في المستند الرسمي اسم واحد للمكتبتين

رسالة الخطأ التي تظهر عند تشغيل الكود هي NameError: name 'button_event' is not defined وبالتالي هي تخبرك أن لديك متغير غير معرف. وبالرجوع للمستند الرسمي الخاص بـ customtkinter وبالتحديد CTkButton نجد مثال يخبرك بالطريقة الصحيحة: https://customtkinter.tomschimansky.com/documentation/widgets/button def button_event(): print("button pressed") button = customtkinter.CTkButton(app, text="CTkButton", command=button_event) لاحظ أنه قام بتعريف دالة بنفس الاسم الذي يتم تمريره في command وبالتالي يتم تنفيذ ما بداخل الدالة عند الضغط على الزر. عليك كتابة تلك الدالة

المشكلة هنا تظهر عند استخدام استيرادين يحتويان على نفس اسم المكتبة (`DatePicker`)، مما يؤدي إلى تداخل في أسماء المكونات عند الاستخدام. لحل هذه المشكلة يمكنك استخدام الاستيراد بطريقة التسمية المختلفة لكل مكتبة يمكنك تجربه الحل التالي: import DatePicker from "react-datepicker"; import { Datepicker } from "react-tailwindcss-datepicker"; بهذه الطريقة ستقوم باستيراد كل مكتبة تحت اسم مختلف، حيث: - DatePicker سيكون اسم المكون من مكتبة react-datepicker - {Datepicker} سيكون اسم المكون من مكتبة react-tailwindcss-datepicker هذا سيمنع حدوث أي تداخل بين الاسمين داخل المشروع. يمكنك بعدها استخدام كل مكون باسمه الجديد دون مشاكل.

لم أتمكن من معرفة سبب حصول على الخطأ التالي: MongoDB connection error: Error: querySrv ENOTFOUND _mongodb._tcp.login.wuun2e8.mongodb.net أيضًا أحيانًا أحصل على الخطأ: querySrv ECONNREFUSED _mongodb._tcp.cluster0.abcde.mongodb.net ما المشكلة؟ وما هي الطريقة الصحيحة لاستخدام MonogoDB Atlas؟

استخدمي Vercel استضافة جيدة وسهلة الاستخدام، وتستطيعي البحث على اليوتيوب عن how to deploy react project on vercel.

كيف يمكنني حذف سؤال او تعليق هنا في المنصة؟

مرحبا صديقي. هل يمكنك شرح ماتريد تغييره أكثر؟ وأي قاعدة بيانات تقصد؟ بالتوفيق.

مكتبة numpy تستخدم للتعامل مع الأرقام والعمليات الحسابية وتطبيق التوابع من البسيطة الى المعقدة بلغة بايثون، لذلك عليك تعلم بايثون في البداية، وهنا دورة تدريبية عن لغة البايثون من أكاديمية حسوب. أما numpy فانه يمكنك تعلمها من المقالات لسهولتها وبساطتها ويمكنك أن تبدأ من هنا. بالتوفيق.

يجب تغيير اسم ملف home.html الي home.php

في الاغلب يكون هذا هو الكود ولكن من الممكن ان يختلف من شخص لاخر $servername = "localhost"; $username = "root"; $password = ""; $dbname = "Legacy"; // اسم قاعدة البيانات يمكنك تجربه مره اخري

سأجيب على أسئلتك بالترتيب: 1- كيف يتم تحديث الـ API بشكل لحظي؟ - بعض الـ APIs تقوم بتحديث البيانات بشكل تلقائي باستخدام تقنيات مثل webhooks أو WebSockets . فمثلاً API للطقس عادة ما تستقبل البيانات بشكل مستمر من مراكز الأرصاد الجوية وتقوم بتحديثها لحظياً عبر الـ API. 2- الأدوات اللازمة لربط الـ API بواجهة مستخدم: - يمكن استخدام مكتبة Python مثل Requests لجلب البيانات من الـ API عبر طلبات HTTP. أما لبناء واجهة المستخدم فيمكن استخدام Flask أو Django لبناء صفحات ويب تعرض البيانات, بالنسبة لـ Streamlit، نعم، يمكنك استخدامها أيضًا لإنشاء واجهة المستخدم بشكل سريع وسهل. 3- هل يمكن ربط موقع بـ AdSense مباشرة؟ - نعم يمكن ربط موقع الـ API بـ AdSense مباشرة إذا كان الموقع مطابق لسياساتهم. لكن عادة ما يستغرق الموافقة على الطلب بضعة أسابيع. ولتحسين الـ SEO يمكن استخدام كلمات بحثية ذات صلة بخدمة الـ API مثل : 1. الكلمات الرئيسية (Keywords): استخدم كلمات رئيسية ذات صلة بالمحتوى الخاص بك. 2. عناوين الصفحات (Page Titles): جعلها واضحة ووصفية. 3. الوصف الخاص بالصفحة (Meta Description): كتابة وصف موجز وجذاب للصفحة. 4. الروابط الداخلية (Internal Links): ربط صفحات موقعك الداخلية ببعضها البعض. 5. صور متناسقة (Optimized Images): ضغط الصور واستخدام النص البديل (Alt Text). 6. روابط ذات جودة (Quality Backlinks): الحصول على روابط من مواقع ذات سمعة جيدة. 7. تحسين سرعة التحميل (Page Speed): استخدام صور مضغوطة وتقنيات تحسين الأداء. 8. محتوى فريد وجودة عالية (High-Quality Content): إنشاء محتوى جذاب ومفيد للزوار. https://io.hsoub.com/programming/22454/comment/104409

يبدو انه يوجد لديك خطأ انه لا يتصل بقاعده البيانات يرجي التاكد من انك غيرت هذه البيانات وكتبت بيانات صحيحه للاتصال بقاعده البيانات $servername = "اسم_الخادم"; $username = "اسم_المستخدم"; $password = "كلمة_المرور"; $dbname = "Legacy"; // اسم قاعدة البيانات

يمكنك تجربه هذا الكود <!DOCTYPE html> <html lang="ar"> <head> <link rel="icon" href="https://c0.klipartz.com/pngpicture/573/614/gratis-png-ng%C5%A9-hanh-s%C6%A1n-distrito-casa-apartamento-inmobiliaria-volta-redonda-venta-de-logotipos-de-bienes-raices.png" /> <title>موقع العقارات</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300&display=swap" rel="stylesheet"> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" media="screen" href="home.css"> </head> <body> <header> <div> <img src="a.png" alt="نظام العقارات من كمال تجريبي"> </div> <center> <div> <button>نقاط البيع</button> <button>أدارة المخزون</button> <button>الإراضي</button> <button>الشيكات</button> <button>الأستاذ العام</button> <button>إدارة النظام</button> </div> </center> </header> <?php // اتصال بقاعدة البيانات $servername = "اسم_الخادم"; $username = "اسم_المستخدم"; $password = "كلمة_المرور"; $dbname = "Legacy"; // اسم قاعدة البيانات $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("فشل الاتصال: " . $conn->connect_error); } // استعلام SQL $sql = "SELECT * FROM Problemss"; $result = $conn->query($sql); ?> <table border="1" width="100%"> <tr> <th>تم</th> <th>الحلول</th> <th>المشكلة</th> <th>م</th> <th>الرقم</th> </tr> <?php if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { echo "<tr> <td>" . $row["تم"] . "</td> <td>" . $row["الحلول"] . "</td> <td>" . $row["المشكله"] . "</td> <td>" . $row["م"] . "</td> <td>" . $row["الرقم"] . "</td> </tr>"; } } else { echo "<tr><td colspan='5'>لا توجد نتائج</td></tr>"; } // إغلاق الاتصال بقاعدة البيانات $conn->close(); ?> </table> </body> </html> ولكن لا تنسي ان تغير ال extension الملف من html ل php (home.php)

يمكنك ان تضغط ع هذا الجدول نقره يمني بالماوس ستظهر لك قائمه يمكنك ان تختار منها هذا الخيار "Select Top 1000 Rows" هذا الخيار سيعرض لك 1000 صف من الجدول

تأكدي من أن وضع الطيران Airplane mode قيد الإيقاف كالتالي: بعد ذلك تفقدي هل يظهر لك أي شبكات للواي فاي وعند الإتصال بها ما الذي يحدث؟ في حال استمرت المشكلة ابحثي بشريط البحث بالأسفل عن Network Reset ثم اضغطي عليها: سيظهر لك زر باسم Reset Now اضغطي عليه ثم وافقي Yes ثم أعيدي تشغيل الحاسوب.

لا يوجد شرح من البداية لمكتبة NumPy لذا أنت بحاجة إلى مصدر آخر ويوجد على اليوتيوب الكثير من الشروحات، ثم تستطيع العودة وقراءة الدروس المتقدمة الخاص بالمكتبة في أكاديمية حسوب وستجدها هنا: https://academy.hsoub.com/tags/numpy/ أيضًا قد يفيدك النقاش التالي:

الـ arr في NumPy هو نوع بيانات خاص يسمى ndarray، أي أنه يحتوي على مجموعة من الميزات والعمليات التي لا تتوفر في قائمة Python العادية. والميزات هي: ndarrays أسرع من القوائم في العمليات الرياضية مثل الضرب والجمع. أكثر كفاءة في استخدام الذاكرة من القوائم. توفر مجموعة واسعة من العمليات المدمجة التي يمكن استخدامها لمعالجة البيانات بسرعة وسهولة. أيضًا numpy array تحتوي على عناصر من نفس النوع، و يستخدم نوع بيانات متقدم (مثل int32 أو float64) لتخزين البيانات، مما يسمح بتحسين أداء العمليات الرياضية. بينما يمكن لـ Python list أن تحتوي على عناصر من أنواع مختلفة، وهي أكثر سهولة في الاستخدام للحالات البسيطة والتي لا تتطلب عمليات رياضية معقدة. في حين numpy قد تبدو أكثر تعقيدًا في البداية، ولكنها تقدم ميزات قوية وفعالية للتعامل مع البيانات الكبيرة والعمليات المتقدمة.

heroku لم تعد تتيح باقة مجانية بعد الآن، لذا من الأفضل استخدام منصات استضافة أخرى مثل: Vercel Netlify Render وبخصوص المشكلة لديك في Atlas، فقومي بالضغط على الثلاث نقاط أعلى اليسار ثم اختاري Project Settings ثم تفعيل Data Explorer:

ما هي الخطوات او الطريق او المسار الصحيح لتعلم الريأكت