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

السلام عليكم اود ان اطرح سؤالا بخصوص ترتيب التصنيفات هل اتبعه هكذا بالتسلسل ؟

السلام عليكم اخواتي في الله عندي موقع يعمل بلغة php .nood js حابب اطور فيه من حيث اضافة له البث المباشر استايلات الردود علي العام في الدردشه استايلات للروماات وخلفيات للاعضاء الاتصال الصوتي الاستوري التفاعلات علي المنشورات مثل فيس بوك ولدي امثله اذا كان يسمح بنشر الصور ؟ منتظر ردكم

انا عندي مشكله في استدعاء الصور يعني كل اما اريد ان استدعي صوره مينفعش استدعيها كده <img src="../images/img.png" /> لازم استدعيها كده علشان تشتغل <img src={require("../images/image.png"} /> وده مسببلي مشكله علشان لما باجي استدعي بوست من ال باك اند واستدعيها بالشكل ده بيظهرلي الخطأ ده https://github.com/mohamed-montaser1/facebook-clone

في الاونة الاخيرة كنت اعمل على مشروع خاص بي protfilio و اردت ان اعمل ب react ,webpack كنت اعمل جيدا الا ان لاحظت ان webpack ليس موجودا ,كما واجهتني بعض المشاكل بال components حيث لم اضع لها path خاص بها ب react router فمسحت المشروع عن بكرة ابه واعدت مشروعا جدبدا و تفادية اخطاء كثية و عدلت webpack configuration في حالة الصور و fonts الى ان قدمت ل react router فوجدت مشكلة با path في الاول ظهر المشكل عند التعديل عن الرابط الخاص بHomePage حيت كان import HomePage from './HomePage'; هنا كانة تظهر مشكلة وحيدة وهي ان path غير صحيح بعد تعديله الى import HomePage from './pages/HomePage'; وهو الباث الصحيح ظهرت 4 مشاكل متعلقة بالباث و react router ساترك ملف المشروع ساكون شاكرا ادا وجد الحل رمضان مبارك . سلام portfilio.rar

ما تطلبه هو برمجة مشروع كامل ومن المستحيل توفير ما تريده هنا، بل يجب الإتفاق مع مبرمج عن المميزات التي تريدها، أو القيام بها أنت إذا كنت تمتلك المهارات البرمجية. أولاً، بالنسبة للبث المباشر، باستطاعتك استخدام تقنية WebRTC التي تسمح للمستخدمين ببث محتوى الفيديو والصوت بشكل مباشر دون الحاجة إلى برامج إضافية. ثانياً، بالنسبة للاستايلات، يمكن استخدام CSS و JavaScript لتصميم استايلات جذابة لموقعك، من خلال استخدام مكتبات مثل Bootstrap و Materialize لتسهيل هذه المهمة. ثالثاً، بالنسبة للدردشة، يمكنك استخدام تقنيات الويب سوكيت لإنشاء غرف الدردشة والردود العامة، وتتوفر مكتبات مثل Socket.io . رابعًا، بالنسبة للاستايلات للرومات والخلفيات للاعضاء، بالإمكان إضافة هذه الميزات عبر إنشاء صفحات خاصة للأعضاء وتحميل الخلفيات والاستايلات المخصصة لهم. خامسًا، بالنسبة للاتصال الصوتي، عليك باستخدام تقنيات WebRTC مرة أخرى لإضافة ميزة الاتصال الصوتي إلى موقعك. سادسًا، بالنسبة للأستوري والتفاعلات على المنشورات، ستحتاج إلى JavaScript و CSS لتصميم وتنفيذ هذه الميزات أو استخدام إطار Vue.js أو مكتبة React.

سأذكر لك طريقتين لإستدعاء الصورة في React و Webpack الطريقة الأولى باستخدام require الخطأ الذي في الصورة يحدث عندما يتم استخدام require() function داخل تعبير أو متغير، بدلاً من استخدامها في موضع يمكن التعرف عليه أثناء تحليل الكود بواسطة Webpack. حاول استخدام مكتبة webpack-sources لتحويل المسارات المطلوبة إلى ثوابت خلال التحليل، ويمكن فعل ذلك بتحديث ملف Post.tsx إلى الشكل التالي: import React from 'react'; import { Source } from 'webpack-sources'; // استدعاء webpack-sources interface PostProps { _id: string; Likes: number; loves: number; haha: number; wow: number; sad: number; angry: number; author_avatar: string; author_name: string; comments_content: string; comments_count: number; content: string; createdat: string; date: string; updatedAt: string; image: Source; // استخدام Source بدلاً من string } const Post: React.FC<PostProps> = ({ _id, Likes, loves, haha, wow, sad, angry, author_avatar, author_name, comments_content, comments_count, content, createdat, date, updatedAt, image, // استخدام الصورة هنا }) => { return ( <div className="al1-post" key={_id}> <div className="al1-post-header"> <img src={author_avatar} alt={author_name} /> <h3>{author_name}</h3> <p>{date}</p> </div> <p className="al1-post-content">{content}</p> {image && <img src={image} alt="Post Image" />} // استخدام الصورة هنا <div className="al1-post-reactions"> <button>{Likes} Likes</button> <button>{loves} Loves</button> <button>{haha} Haha</button> <button>{wow} Wow</button> <button>{sad} Sad</button> <button>{angry} Angry</button> </div> <div className="al1-post-comments"> <h4>{comments_count} Comments</h4> <p>{comments_content}</p> </div> </div> ); }; export default Post; في المثال، تم استخدام Source بدلاً من string في النوع المعرف للخاصية image، استخدام الصورة في المكان المناسب، وذلك بعد تحويلها إلى ثابت باستخدام webpack-sources. ويجب عليك التأكد من تثبيت webpack-sources في مشروعك باستخدام npm قبل استخدامها، من خلال الأمر التالي: npm i webpack-sources الطريقة الثانية باستخدام import باستطاعتك استخدام الـ import لاستيراد الصور في ملفات JavaScript أو TypeScript بدلاً من استخدام الـ require. بالإمكان إضافة ملف الصور إلى مجلد الـ assets في مشروع React، ثم استيرادها باستخدام الـ import في المكان المناسب. على سبيل المثال، إذا كان ملف الصور يسمى "image.png"، عليك استيراده كالتالي: import React from 'react'; import image from '../assets/image.png'; const MyComponent = () => { return ( <div> <img src={image} alt="My Image" /> </div> ); }; export default MyComponent; تم استيراد الصورة باستخدام الـ import، واستخدامها في عنصر img في المكان المناسب، ويجب تحديد المسار الصحيح لملف الصورة في الاستيراد. وبالتالي، يمكن استخدام هذه الطريقة أيضًا لاستدعاء الصور داخل اللوب الخاص بك في ملف Post.tsx، قم بتحميل الصور إلى مجلد الأصول (assets) الخاص بمشروع React، ثم إضافتها باستخدام الـ import في ملف Post.tsx.

انا لما بعمل زي ما حضرتك قولت بيظهرلي الخطا ده

حاول تجربة استدعاء الصور باستخدام require() function لتحميل الصورة بشكل صحيح في اللوب، كالشكل التالي: <div className="al1-posts"> {posts.map((post) => { return ( <Post _id={post._id} Likes={post.likes} loves={post.loves} haha={post.haha} wow={post.wow} sad={post.sad} angry={post.angry} author_avatar={post.author_avatar} author_name={post.author_name} comments_content={post.comments_content} comments_count={post.comments_count} content={post.content} createdat={post.createdat} date={post.date} updatedAt={post.updatedAt} key={post._id} image={require(`../images/${post.image}`)} // استدعاء الصورة هنا /> ); })} </div> حيث تم استدعاء الصورة باستخدام require() function داخل اللوب، مع تحديد المسار الصحيح للصورة باستخدام post.image، وباستطاعتك استخدام هذا النهج في أي مكان يتم فيه استدعاء الصور.

يمكن استخدام الدالة `import()` لاستدعاء الصور داخل loop في React دون استخدام require. يمكن استخدام الدالة `map` مثلاً لتطبيق عملية على كل عنصر في مصفوفة البيانات واستخدام `import()` لاستدعاء الصور عند الحاجة. هذا مثال بسيط لكيفية استخدام `import()`:``` const images = [ "image1.jpg", "image2.jpg", "image3.jpg" ]; const ImageList = () => ( <div> {images.map((image, index) => ( <div key={index}> <img src={import(`./images/${image}`).then(image => image.default)} alt="" /> </div> ))} </div> ); في هذا المثال، يتم استخدام `map` لتطبيق عملية على كل عنصر في مصفوفة الصور. يتم استخدام `import()` داخل دالة `map` لاستدعاء الصور وإظهارها في واجهة المستخدم. يتم استخدام `.then` لتمكين استدعاء الدالة بشكلٍ غير متزامن والحصول على القيمة المقدمة بعد تحميل الصورة. ومن الأفضل استخدام طريقة import() المدعومة في ES6 لاستدعاء الصور في React. يمكن استخدام هذه الطريقة في أي ملف js داخل مشروع React. على سبيل المثال، إذا كانت تريد استدعاء صورة تسمى "example.png"، يمكنك استخدام الكود التالي: import exampleImage from './example.png'; ثم يمكنك استخدام هذه الصورة في JSX عن طريق استخدام متغير الصورة: <img src={exampleImage} alt="Example Image" /> يجب التأكد من توفر المسار الصحيح للصورة ووضعها في نفس المسار الذي يحتوي فيه الملف الذي تريد استخدامها به.

لا بس انا عاوز استدعيها جوا loop

بحسب ما فهمت، تريد استخدام الصور في مشروع React ولكن لديك مشكلة في استدعاء الصور. أولًا، يجب التأكد من أن المسار الذي تستخدمه صحيح لمكان الصورة، لذلك يجب عليك التأكد من المسار الذي تستخدمه في استدعاء الصورة ومكان وجود الصورة داخل مشروعك. على سبيل المثال، إذا كانت الصورة داخل مجلد "images" الموجود في مجلد "src" ، يجب استدعاء الصورة بهذا الشكل: <img src={require('../src/images/image.png')} alt="MyImage" /> و يمكنك استخدام import في أي ملف تريد استعمال الصورة فيه ، مثل هذا المثال: import myImage from '../src/images/image.png'; واستخدام الصور هكذا. <img src={myImage} alt="MyImage" /> وبذلك يمكنك استخدام الصور في أي مكان في مشروعك دون الحاجة إلى استدعائها في كل مرة باستخدام require.

أحاول تمرير مصفوفة مع طلب Ajax إلى الكونترولر ولكن يتم عرضه ككائن فارغ في الكونترولر, هذا الكود my jquery code $("#mybutton").click(function(e){ var data = []; var item1 = {}; item1['ItemID'] = 6; item1['ItemQuantity'] = 2; item1['ItemPrice'] = 200; var item2 = {}; item2['ItemID'] = 7; item2['ItemQuantity'] = 25; item2['ItemPrice'] = 600; data.push(item1); data.push(item2); console.log(data); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ type: "POST", url: "MyRootURL", data: data, dataType: "json", success: function(response) { console.log(response); } }); }); my controller code function MyPostRequest(Request $request) { $PostRequest =$request->all(); return response()->json([ $PostRequest ]); } أرجو منكم مساعدتي

لما اضعط add item يطلع لي صف لاضافة منتجات ويحب المجموع الكلي نفس كذا كيف اسويها بالجافاسكربت

لدي الكود التالي @if(auth()->user()->orders->where('user_id', $product->id)->exists()) @if(App\Services\Cart\Cart::count($product) < $product->inventory) <form action="{{ route('add.to.cart', $product->id) }}" method="post" id="add-to-cart"> @csrf </form> <span onclick="document.getElementById('add-to-cart').submit()" class="cursor-pointer btn btn-lg bg-navy-blue text-white"> <span>Order</span> </span> @endif @endif يظهر الخطأ التالي Method Illuminate\Database\Eloquent\Collection::exists does not exist ما المفترض فعله لكي أستخدم الدالة exists بشكل صحيح؟

السبب في ذلك أنه عند الوصول للعلاقة كخاصية فإن الراجع هو كائن من النوع Collection (مجموعة كائنات) في حالتك سيتم إرجاع كافة طلبات العضو (أي مجوعة كائنات من الصنف Order كل كائن يعبر عن طلب) ، و التابع exists غير متاح كتابع للصنف Collection. يُمكنك الوصول للعلاقة كتابع بالشكل ()orders حينها يمكنك إستخدام التابع exists كما يلي: auth()->user()->orders()->where('user_id', $product->id)->exists() أو يمكنك استخدام حلول بديلة للتابع exists مع المجموعات Collections، كالتابع contains: auth()->user()->orders->contains('user_id', $product->id) أو إستخدام التابع count الذي يُعيد عدد العناصر المطابقة، و بعده يمكنك مقارنة الراجع مع العدد 0 بالشكل التالي: @if(auth()->user()->orders->where('user_id', $product->id)->count() > 0)

can you send link of table to dowload

in the basic of boostrap he say dowload table to learning it on boostrap i dowload file youtuby but i cant find image file

i need link of the table to dowload i cant find it

ممكن تفاصيل أو رابط لانضمام لي معهد التصميم

تُشير كلمة "الكائنات القابلة للتكرار" إلى المتغيرات التي تحتوي على مجموعة من العناصر التي يمكن الوصول إليها بشكل فردي باستخدام فهرس معين، مثل قوائم الأشياء والمصفوفات والمجموعات والخرائط وغيرها. يتم التعامل مع هذه الكائنات باستخدام حلقات الـ for أو while أو forEach للوصول إلى كل عنصر في الكائن وتنفيذ العمليات المطلوبة. أما "الكائنات غير القابلة للتكرار" فتحتوي على معلومات فردية لا يمكن الوصول إليها باستخدام فهرس معين. وهذا يتضمن مثلًا المتغيرات التي تحتوي على نص أو رقم واحد وليس مجموعة من العناصر، أو الكائنات الثابتة التي تحتوي على معلومات ثابتة مثل الثوابت المحددة مسبقًا والأصناف (Classes) التي لا يتم إنشاؤها بشكل ديناميكي. أمثلة على الكائنات القابلة للتكرار: مصفوفة (Array)، وهي متغير يحتوي على مجموعة من القيم من نفس النوع، ويمكن الوصول إلى كل قيمة في المصفوفة باستخدام فهرس. قائمة (List)، وهي تشابه المصفوفة إلا أنها تستخدم في لغات البرمجة التي تدعم البرمجة الشيئية، وتحتوي على مجموعة من العناصر التي يمكن الوصول إليها باستخدام فهرس. مجموعة (Set)، وهي تحتوي على مجموعة من العناصر الفريدة التي لا تتكرر، ولا يمكن الوصول إلى كل عنصر بشكل محدد باستخدام فهرس. أمثلة على الكائنات غير القابلة للتكرار: متغير (Variable)، وهو يحتوي على قيمة واحدة فقط، ولا يمكن الوصول إليها بشكل فردي باستخدام فهرس. ثابت (Constant)، وهو متغير يحتوي على قيمة ثابتة لا يمكن تغييرها، ولا يمكن الوصول إليها بشكل فردي باستخدام فهرس. صنف (Class)، وهو عبارة عن نموذج يحتوي على متغيرات ودوال وخصائص، ولا يمكن الوصول إلى هذه المتغيرات بشكل فردي باستخدام فهرس. هذا مثال شامل بالكود يوضح الفرق بين الكائنات القابلة للتكرار والكائنات غير القابلة للتكرار باستخدام لغة الجافاسكريبت: // كائنات قابلة للتكرار // مصفوفة let myArray = [1, 2, 3, 4, 5]; console.log(myArray[0]); // الوصول إلى القيمة الأولى في المصفوفة console.log(myArray.length); // طول المصفوفة // قائمة let myList = ["apple", "banana", "orange"]; console.log(myList[2]); // الوصول إلى العنصر الثالث في القائمة console.log(myList.length); // طول القائمة // مجموعة let mySet = new Set([1, 2, 3, 4, 5, 5, 5]); console.log(mySet.has(3)); // التحقق من وجود القيمة 3 في المجموعة console.log(mySet.size); // حجم المجموعة // كائنات غير قابلة للتكرار // متغير let myVariable = 10; console.log(myVariable); // ثابت const MY_CONST = 5; console.log(MY_CONST); // صنف class Person { constructor(name, age) { this.name = name; this.age = age; } greeting() { console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`); } } let person1 = new Person("John", 30); person1.greeting(); في هذا المثال، يتم استخدام العديد من الكائنات القابلة للتكرار، مثل المصفوفة والقائمة والمجموعة، حيث يمكن الوصول إلى قيمها باستخدام الفهرس، بالإضافة إلى استخدام الكائنات غير القابلة للتكرار، مثل المتغير والثابت والصنف، حيث يمكن الوصول إلى قيمها بشكل مباشر. بشكل عام، يمكن تلخيص الفرق بين الكائنات القابلة للتكرار والغير قابلة للتكرار في أن الأولى تحتوي على مجموعة من العناصر التي يمكن الوصول إليها باستخدام فهرس، في حين تحتوي الثانية على معلومات فردية لا يمكن الوصول إليها بهذه الطريقة.