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

السلام ةعليكم ورحمة الله وبركاته اخواني اريد تعلم مجال الروبوتات كيف يمكنني الدخول له هل من الذكاء الاصطناعي ام من embedded system وهل يمكن صناعة روبوت للاستخدام الشخصي ام انه امر معقد ويحتاج لشركات

يمكنك الدخول إلى الغرض والحصول على قيمة المتغيّر jobPushed عن طريق استخدام Laravel Horizon عن طريق الاستماع إلى الحدث jobPushed. فإن البيانات المرسلة مع هذا الحدث فيها جميع البيانات المتعلقة بالعمل الذي يتم إدخاله مثل: ID, name, connection, queue إلخ. وبذلك يمكنك معرفة عند إدخال هذا العمل إلى الرتل وإجراء أي عمليات معالجة ترغب بها بمجرّد تشغيل الحدث. ويمكنك تنفيذ ذلك كالتالي: Event::listen(JobPushed::class, function(JobPushed $event){ \Log::debug('JobPushed Event Fired ', [ 'connection' => $event->connectionName, 'queue' => $event->queue, 'payload' => [ 'id' => $event->payload->id(), 'displayName' => $event->payload->displayName(), 'commandName' => $event->payload->commandName(), 'isRetry' => $event->payload->isRetry(), 'retryOf' => $event->payload->retryOf(), ] ]); });

لدي مشكلة في إضافة عنصر Script داخل كود react ولكن عند إضافة العنصر لا يعمل وكأني لم أقم بإضافته من الأساس ولا توجد أي أخطاء ظاهرة لدي. لقد قمت بتجربة الكود التالي: render() { return ( <script src="https://example.com/JsFile.js"></script> ); }

لا يمكن إستخدام عناصر script في أي حالة من الحالات الآتية: إستخدام رابط ملف جافاسكريبت خارجي إستخدام الكائن dangerouslySetInnerHTML والسبب في ذلك هو أن الكائن React DOM (المسئول عن عرض مكونات React في الصفحة) يستخدم التابع createElement لتحويل كود JSX إلى عناصر HTML عادية، بعد ذلك يتم إستخدام التابع innerHTML لعرض هذه العناصر في الصفحة، وهذا التابع الآخير لا يقوم بتنفيذ عناصر Script لأسباب أمنية، وهذا هو السبب في أن عناصر script لن تعمل في مكونات react. لكن الأمر أصبح أسهل في النسخ الحديثة من react وأصبح من الممكن إستخدام useEffect لتحميل وتنفيذ أكواد جافاسكريبت الخارجية، وهنا مثال: import { useEffect } from 'react'; const useScript = url => { useEffect(() => { const script = document.createElement('script'); script.src = url; script.async = true; document.body.appendChild(script); return () => { document.body.removeChild(script); } }, [url]); }; export default useScript; ويمكن إستخدام الـ Hook السابق بالطريقة التالية: import useScript from 'hooks/useScript'; const MyComponent = props => { useScript('https://example.com/JsFile.js'); // باقي أكواد المكون هنا } بالطريقة السابقة يمكن تحميل وإستدعاء أكواد جافاسكريبت (مثل ملفات jQuery أو Stripe أو Google Analytics إلخ).

لدي مشروع صغير لجلب صور من موقع Unsplash، ويظهر لي نفس الخطأ كل مرة، صراحة لا أعرف سبب المشكلة هنا، وهذا هو الكود الذي أستخدمه: ملف Mainboard.js import React from 'react'; import styled from 'styled-components'; import Pin from './Pin'; function Mainboard(props) { let { pins } = props; return ( <Wrapper> <Container> {pins.map((pin, index) => { let {urls} = pin; return <Pin key={index} urls={urls}/> })} </Container> </Wrapper> )} export default Mainboard; وملف Pin.js: import React from 'react'; import styled from 'styled-components'; function Pin(props) { let { urls } = props; return ( <Wrapper> <Container> <img src={urls?.regular} alt="pin"/> </Container> </Wrapper> )} export default Pin; في كل مرة يظهر لدي هذا الخطأ Cannot destructure property 'urls' of 'pin' as it is undefined

يبدو أن لديك مصفوفة تحتوي على عناصر undefined وبالتأكيد هذه العناصر لا تحتوي على urls ، لذلك يجب أن تقوم بفتلرة هذه المصفوفة والتأكد من أن كل عنصر ليس من نوع undefined، ويمكنك فعل ذلك من خلال التابع filter بهذا الشكل: arr.filter(Boolean) هنا الكود الصحيح لملف Mainboard.js: function Mainboard({ pins }) { return ( <Wrapper> <Container> {pins.filter(Boolean).map((pin, index) => { const {urls} = pin; return <Pin key={index} urls={urls}/> })} </Container> </Wrapper> ); } بهذا الشكل سيتم إستخدام عناصر المصفوفة pins التي ليست من نوع undefined وليست false أيضًا.

عندما انتهي من الدورة التي اتعلمها. هل يمكنني مراجعه الفيديوهات في اي وقت؟ او ان لديها وقت محدد؟

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

في react هنا نوعين من ال input نوع يتحكم فيه المتصفح ويسمى uncontrolled ونوع تتحكم فيه انت يدويا عن طريق الكود الذي تكتبه وهذا يسمى controlled ولا يمكننا استخدام الحالتين معا وفي حالتك انت تحاول استخدامهم معا حيث انه المكون كان يتوقع منك ان تعطي قيمة اولية لل input لكن عوضا عن ذلك انت تعطيه قيمة ال name وهو undefined في حالتك ويمكنك اصلاح هذا فقط باعطاء قيمة اولية ل name و string فارغ يكفي ليجعلك تتحكم في ال input import React, { useState, useEffect } from 'react'; export default function Login() { const [name, setName] = useState(""); useEffect(() => { console.log(name); }, []); return ( <div> <input type="text" value={name} onChange={(e) => setName(e.target.value)} /> </div> ); }

مرحباً @Adam Ebrahim لنأخذ الموضوع ببساطة . هذا العنصر يسمى Fragment وهو عنصر خاص ب React ( وظيفته الأساسية هو أن يكون حاوية لجميع العناصر بداخله ) وإذا لاحظت ستجده شبيه بال div في ال html حيث أن العنصر لا معنى له مثل ( aside - header ) وهكذا في ماذا يختلف عن ال div ؟ الإختلاف هو أنه لا يقبل أي تنسيقات

لاحظ ان تستخدم $stmt->bind_result($mopile); اذا فى الاسفل تستخدم if (!isset ($mopile)) و ليس if (!isset ($row['mopile']))

اولا انت تحتاج لجلب مكتبة axios عن طريق npm i --save axios او yarn add axios ثم قم بتغيير الكود كالتالي export const fetchProducts = () => { return async (dispatch) => { try { const response = await axios.get("https://rn-shopping-app-69186.firebaseio.com/products.json"); if (!response.status === 200) { throw new Error("Error - something went wrong"); } const resData = await response.data; const loadedProducts = []; for (const key in resData) { loadedProducts.push( new Product( key, resData[key].title, resData[key].imageUrl, resData[key].description, resData[key].price ) ); } dispatch({ type: SET_PRODUCTS, products: loadedProducts, }); } catch (error) { throw error; } }; }; وهذه بعض الاختلافات بين fetch و axios fetch يرجع body اما axios يرجع data في ال post request يجب ان ننادي JSON.stringify على ال body فيما يخص fetch في fetch طلب الجلب يكون ok عندما تحتوي الاجابة على ok اما بالنسبة ل axios فيجب ان يحتوي طلب الجلب status =200 و statusText يكون ok للحصول على ال json في fetch ننادي الدالة json على الاجابة اما بانسبة ل axios ندخل لل data مباشرة

"SELECT emailColumn,nameColumn From usersTable WHERE username=' ". $_SESSION['username'] . " ' " حيث emailcolumn و namecolumn هيا الجداول الفارغة فى قاعدة البيانات و ادخل كافة الجداول التى تريد تعلمه بانعافارغة و usersTable هو جدول الاعضاء بعد تنفيذ كود ال sql السابق تاخذ نتيجته فى متغير و ليكن اسمه $row تقوم بعمل if على $row]'emailColumn'[ اذا لم يكن موجودا اظهر رسالة تخبره بان الايميل مفقود

كما تشير مستندات React.js ، فإن النمط الشائع في React هو أن تعيد المكونات عناصر متعددة. عادة ما يتم تغليف هذه العناصر على سبيل المثال داخل div. في معظم الحالات ، يكون الغلاف div "غير ذي صلة" ويتم إضافته فقط لأن مكونات React تتطلب منك إرجاع عنصر واحد فقط. ينتج عن هذا النوع من السلوك ترميز عديم الفائدة وأحيانًا يتم عرض HTML غير صالح ، وهو أمر سيء. على سبيل المثال ، يمكن أن يكون لدينا جدول مكون يعرض جدول HTML وداخل هذا الجدول يتم تقديم الأعمدة بمكون آخر يسمى الأعمدة. من المحتمل أن يبدو شيء من هذا القبيل. function Table(){ return ( <table> <tr> <Columns /> </tr> </table> ); } function Columns(){ return ( <div> <td>Hello</td> <td>World</td> </div> ); } قد يؤدي هذا إلى عرض HTML غير صالح لأن الغلاف div من مكون الأعمدة يتم عرضه داخل <tr>. <table> <tr> <div> <td>Hello</td> <td>World</td> </div> </tr> </table> الحل لهذا هو Fragment React فهو يتيح تجميع قائمة من العناصر الفرعية دون إضافة عقد إضافية إلى DOM لأن الأجزاء لا تُعرض على DOM. لذلك نستخدم React.Fragment بشكل أساسي حيث نستخدم عادةً غلاف div. function Columns(){ return ( <> <td>Hello</td> <td>World</td> </> ); } الآن سيعرض مكون الجدول HTML التالي: <table> <tr> <td>Hello</td> <td>World</td> </tr> </table>

حتى تحفظ بيانات مستخدم ليعاود تسجيل الدخول مرة ثانية و تتأكد من أنه نفسه، يمكنك حفظ بياناته في cookies في المتصفح، حيث تتعرف عليه. و على كل حال يمكنك أن تطلب منه بيانات ضرورية عند التسجيل الأول له مثل اسم مستخدم في الموقع أو رقم هاتف لتتعرف عليه. عند فتحه للموقع مرة أخرى، تقوم بعمل استعلام لقاعدة البيانات، تتتفحص القيم الفارغة و التي لم يدخلها، ثم تظهر له إشعار بأنه - كما ذكرت - يفضل تعبئة باقِ البيانات.. تعرض له إشعار مع رابط تحويل لصفحة إدخال البيانات. بعد دخوله لهذه الصفحة، يمكنك تعبئة القيم التي سبق وأدخلها فيها، ومن ثم يتابع هو تعبئة باقِ البيانات وأنت ترسل استعلام للقاعدة عندها بعمل تحديث و ترسل البيانات الإضافية.

يستخدم ال multithreading في العديد من البرامج والتطبيقات حيث يساعد في تحسين الأداء بشكل كبير وتنفيذ العديد من المهام في وقت واحد بدون إعتماد أو تأثير بعض المهام على المهام الأخرى وأمثلة على ذلك المتصفح الذي تستخدمه يمكنك القيام فتح وإستعمال العديد من ال taps في وقت واحد دون تأثير أي tap على الأخرى مثال آخر برنامج word حيث عند كتابة أي جملة يتم تنفيذ عدة مهام بالتوازي مثل الكتابة وتصحيح الأخطاء النحوية والإملائية كل هذه المهام تتم بالتوازي يمكنك تطبيق مفهوم ال multithreading بإستخدام العديد من اللغات البرمجية مثل c# - java - php - go

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

https://rebels-tech.com/programs/2766/برنامج-audacity-و-إزالة-الضوضاء-من-الصوت يمكنك من هنا معرفة ازالة التشويش في برنامج Audacity اذا كنت تريد مساعدة في برنامج Fl Studio فأنا جاهز

مرحبًا، منذ سنتين أو أكثر كانت هذه مشكلة كبيرة جدًا خاصة للمستقلين الجدد في مجال الكتابة والترجمة، ولكن الوضع الآن قد اختلف كثيرًا صديقي! فقد ازداد عدد المشاريع المطروحة يوميًا في هذا المجال من واقع خبرتي منذ أن بدأت عام 2017 وحتى الآن. لقد بدأت العمل على مستقل في مجال الكتابة والترجمة منذ منتصف عام 2017، وكانت هذه المشكلة عقبة كبيرة جدًا بالنسبة لي، وكان السؤال الأوحد والذي طالما أردده "لماذا لم يتم اختياري؟" وهنا بدأت خطواتي الفعلية للتغلب على هذه العقبة، لأتمكن بفضل الله من إنجاز أكثر من 90 مشروع، وسأسردها لك فيما يلي: 1- الأمر ليس متعلق بكونك جديدًا على الموقع أو تمتلك تقييمًا جيدًا أم لا! ما يبحث عنه أصحاب المشاريع هو موضوع نسبي! فهناك من يبحث عن الجودة مقابل السعر، وهناك من يبحث عن أقل تكلفة مقابل عمل "معقول" وهناك من يبحث عن الجودة ولا يهمه التكلفة. وهنا يأتي دور استراتيجية "الاستهداف" كمستقل جديد كل ما يجب أن يهمك هو أن تحصل على أول مشروع لتبني به تقييم جيد على الموقع لتدخل به في طورٍ أعلى أو رتبة أعلى من كونك مستقلًا يراه أصحاب المشاريع مُهمَّشًا بسبب عدم تنفيذك لمشاريع سابقة. وهنا ستسهدف المشاريع التي يبحث أصحابها عن الجودة مقابل السعر الأقل! قد تبدو تضحية بعض الشيء، ولكن لا شيء في عالم العمل الحر بالمجان! 2- كن استثنائيًا! من بين مئات العروض التي يتلقاها أصحاب المشاريع، هناك عرض واحد يقوم بقبوله. وهنا يكمن اللغز. يجب أن تفهم جيدًا متطلبات العميل، لتقوم بدمجها في عرضك بطريقة مميزة واستثنائية يجعله يختارك لهذا العرض الذي كتبته فقط، لهذه الكلمات الاستثنائية التي كتبتها بغض النظر عن قوة أو ضعف ملفك الشخصي. الأمر الذي يحتم عليك أن تكون كلماتك الأولى في العرض مشوقة وخاطفة تجعله يستمر في قراءة بقية العرض رغم عدم امتلاكك "الخمس نجوم المضيئة" التي يبحث عنها معظم أصحاب المشروع عند اختيارهم للمستقلين. 3- كن محددًا ودقيقًا! عند كتابة العرض، يجب أن تذكر لصاحب المشروع ما ستقوم به بناءً على متلطباته بطريقة مُفصلة وواضحة، مع طرح الاقتراحات الفعالة التي يمكن أن تسهم في خروج مشروعه بأبهى صورة. "نتحدث هنا عن الاستثنائية في الصياغة، يجب أن يكون عرضك جذابًا" 4- طمأن صاحب المشروع! بعد كتابة عرض استثنائي، سيقع صاحب المشروع في حيرة كونه سيغامر بقبول عرض مستقل لم يعمل على أي مشروع من قبل، وهنا ستحتاج لطمأنته كالتالي: 1- إضافة معرض أعمال مميز. 2- كتابة عرض مفصل بكافة الخطوات التي ستقوم به، وبخطة العمل، وبتوقيتات التسليم - إن كان المشروع كبير . 3- أذكر له أنك جديد عى الموقع، لكنك محترف وقد قمت بالعديد من المشاريع من قبل وهكذا.. 5- لا تكن مُثير للريبة! عندما يقرر صاحب المشروع أنك قد تكون مناسب سيقوم بالتواصل معك أولًا، وهناك قد تأخك الحماسة لوعد صاحب المشروع بوعود خرافية مقابل العمل بهدف طمأنته وجعل يوافق عليك! وهنا قد يترك عنده أثر سلبي. كن طبيعيًا، تحدث عما ستقوم به، خطة العمل، كيف ستقوم بتبليغه بتحديثات العمل وهكذا، قم بطمأنته ولكن بعقلانية. وهنا، أختم بنصيحة " ليس المهم هو حصولك على أول وظيفة! المهم هو أن تستمر في هذه المنافسة الشرسة بجودة عملك واحترافيتك، لتحصل على المزيد من الوظائف والكثير من التقييمات الإيجابية!" أتمنى لك كل التوفيق