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

السلام عليكم ورحمة الله وبركاته بافتراض أن لدينا جدول به 3 أعمدة، يحتوي كل عمود على عدة عناصر-خلايا (لا يشترط أن يكون عددها متساوٍ في كل عمود) كما بالمثال الموضح في الصورة المرفقة: السؤال: كيفية كتابة جميع الاحتمالات الممكنة بصورة تلقائية ؟ *ملحوظة: سألت ChatGPT حول هذا الأمر كان رده كالآتي:

قم بإعطاء كل واحدة منهم اسم معين (كل ملف html) وضعهم في ملف الـ public. ففي العادة يكون ترتيب الملفات بالشكل : - index.html - css - newName.css - css باقي ملفات الـ - js - script.js - باقي ملفات الجافاسكريبت فما يجب عليك ان تفعله هو : - newName.html - css - newName.css - css باقي ملفات الـ - js - newName.js - باقي ملفات الجافاسكريبت حيث أن newName هو اسم الملف الجديد وبعد ذلك تعدل الروابط الخاصة باستدعاء ملفات الـ js و الـ css إلى الاسم newName الجديد. وتقوم بهذه الخطوة لكل واحدة من صفحات الهبوط وبعدها تقوم بدمج كل مجلدات الـ css في مجلد css واحد وكذلك بالنسبة للـ js. لتصبح الملفات لديك بالشكل التالي : - newName1.html - newName2.html - css - newName1.css - newName2.css - css باقي ملفات الـ - js - newName1.js - newName2.js - باقي ملفات الجافاسكريبت وفي حال وجود المزيد من المجلدات مثل images و fonts ..إلخ فتقوم بتجميعها في مجلد واحد بالاسم images و fonts بنفس الطريقة ولا داعي لإعادة تسمية الملفات في هذه الحالة إلى إذا كان هنالك اكثر من صورة بنفس الاسم.

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

نعم يمكنك باذن الله إتقان لغات برمجية في أربعة أشعر لكن كما أخبرتك تحتاج إلى تكثيف التعليم .

شكرا على الاجابة يا اسامة نعم صحيح البرمجة متغيرة ولا يوجد فيها موعد انتهاء للتعلم. لكن في وضعي الحالي املك اربع اشهر متفرغ لكن بعد اربع اشهر سأكون مشغولا جدا. لذلك احببت ان اسأل عن هل يمكنني تكثيف التعلم لدرجة تمكنني من العمل باربع اشهر

السلام عليكم و رحمة الله . استاذ . ما الفرق بين الكتابة في classes خارج render أي قبلها . أو الكتابة داخلها , أقصد بين render و return . class app extends Component { render(){ return( ) } }

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

السلام عليكم. أواجه مشكل في إستعمال react slick حيث لم يظهر شيء على الشاشة و لم أستطع معرفة مكان الخطأ. الكود import Slider from "react-slick"; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; import React from 'react' function Banner() { const bannerImgs = [ { id : 1, src : '../../images/banner/img-1.jpg' }, { id : 2, src : '../../images/banner/img-2.jpg' }, { id : 3, src : '../../images/banner/img-3.jpg' }, { id : 4, src : '../../images/banner/img-4.jpg' }, { id : 5, src : '../../images/banner/img-5.jpg' }, { id : 6, src : '../../images/banner/img-6.jpg' }, ] const settings = { dots: true, lazyLoad: true, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, initialSlide: 2 }; return ( <div className="banner"> <Slider {...settings} > { bannerImgs.map(banner => ( <div key={banner.id}> <img src={banner.src} alt="" /> </div> )) } </Slider> </div> ) } export default Banner شكرا لكم.

هنالك طريقتين معروفتين لاستيراد الصور في رياكت، الأولى هي وضع الصور في ملف الـ src ومن ثم استيراد الصور داخل الصفحات واستخدامها مثل : import React from 'react'; import logo from './logo.png'; // استيراد الصورة هنا function Header() { // استخدام الصورة هنا return <img src={logo} alt="Logo" />; } export default Header; والطريقة الثانية هي التي شرحتها لك في التعليق السابق.

المشكلة هي انك وضعت ملف الصور في الملف src والصحيح ان يكون في الملف public، قم بنقل ملف الصور images إلى الملف public : ثم قم بتعديل روابط الصور إلى الشكل : const bannerImgs = [ { id: 1, src: "images/banner/img-1.jpg", }, { id: 2, src: "images/banner/img-2.jpg", }, { id: 3, src: "images/banner/img-3.jpg", }, { id: 4, src: "images/banner/img-4.jpg", }, { id: 5, src: "images/banner/img-5.jpg", }, { id: 6, src: "images/banner/img-6.jpg", }, ]; وبعدها يجب ان يعمل الكود.

لا يظهر شيء في الكونسول. تفضل ملف الsrc src.zip

هل تظهر أي رسالة خطأ في الكونسول ؟ هل يمكنك مشاركة ملفات المشروع.

انصحك بالطلاع على المقالة التي رشحتها لك في التعليق السابق فهي تجيب على تساؤلاتك، لاحظ المثال التالي والذي يوضح الفرق : class MySelect extends React.Component { constructor(){ // إضافة الحالة الافتراضية super(); this.state = {selected: false}; // this.state.selected = false; this.select = this.select.bind(this); // لفهم السطر التالي راجع المقالة كاملةً } // لاحظ كيف نضيف المتغيرات هنا select(event){ // select إضافة الدالة if(event.target.textContent === this.state.selected){ // إزالة التحديد this.setState({selected: false}); // تحديث الحالة }else{ // إضافة التحديد this.setState({selected: event.target.textContent}); // تحديث الحالة } } render(){ // لاحظ كيف نضيف المتغيرات هنا var mySelectStyle = { border: '1px solid #999', display: 'inline-block', padding: '5px' }; return ( // render لاحظ كيف نستخدم المتغيرات المعرفة في الـ <div style={mySelectStyle}> <MyOption value="Volvo"></MyOption> <MyOption value="Saab"></MyOption> <MyOption value="Mercedes"></MyOption> <MyOption value="Audi"></MyOption> </div> ); } }; class MyOption extends React.Component { render(){ return <div>{this.props.value}</div>; } };

استاذ اقصد ما الفرق بين الكتابة بين constructure و render مثلا في كتابة الدوال بعد constructure وقبل render . هذا من جانب . وهل يمكن كتابة نفس الدوال بين render و return

الفرق هو كالتالي : class app extends Component { render(){ // render تستطيع هنا كتابة اكواد جافاسكريبت التقليدية والتي سيتم إعادة تنفيذها عند كل عملية تحميل return( // في رياكت html وهي اللغة البديلة عن jsx هنا تكتب اكواد // render قد نعتمد احياناً على الاكواد التي يتم توليدها في القسم // سيتم اعادة توليدها عند كل تحميل كذلك ) } } قد يفيدك الاطلاع على المقالة التالية والتي تتحدث عن اساسيات react

جرب أن تقوم بأغلاق جهازك وجرب من جديد و أن ظهر لك نفس الخطاء جرب هذه الأوامر. npm config set fetch-retry-mintimeout 20000 npm config set fetch-retry-maxtimeout 120000

عملت أول خطوتين بتثبيت yarn و Vue/cli بنجاح، وعند محاولة عمل مشروع ظهر نفس الخطأ مع مشاكل بطء الانترنت : npm ERR! code ERR_SOCKET_TIMEOUT npm ERR! network Socket timeout npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config' npm ERR! A complete log of this run can be found in: npm ERR! C:\npm-cache\_logs\2023-01-14T09_25_50_817Z-debug-0.log ERROR Error: command failed: npm install --loglevel error --legacy-peer-deps Error: command failed: npm install --loglevel error --legacy-peer-deps at ChildProcess.<anonymous> (C:\Users\hp\AppData\Roaming\npm\node_modules\@vue\cli\lib\util\executeCommand.js:138:16) at ChildProcess.emit (node:events:513:28) at cp.emit (C:\Users\hp\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\cross-spawn\lib\enoent.js:34:29) at maybeClose (node:internal/child_process:1098:16) at ChildProcess._handle.onexit (node:internal/child_process:304:5)

أنصحك باستخدام مدير الحزم Yarn. وهذه طريقة تثبيت Vue وعمل مشروع جديد من خلال مدير الحزم yarn. قم بتثبيت yarn من خلال الأمر التالي. npm install --global yarn ثم قم بتثبيت Vue/cli من خلال الأمر التالي. yarn global add @vue/cli ولعمل مشروع Vue جديد نفذ الأمر التالي. vue create project-name

بغض النظر عن صعوبة التعامل مع مثل هكذا كم من البيانات من ناحية الواجهة الخلفية إلا ان العملية التي تصفها غير صديقة لتجربة الاستخدام. أظنك تريد بشكل ما اضافة خيار لاضافة اكثر من مالك في نفس الاستمارة. وفي مثل هذا ستحتاج في الغالب هيكلة هاته البيانات على شكل JSON لتنظيم طريقة التعامل معها من طرف الواجهة الامامية او الخلفية. اذ تكون قائمة الملاك هاته كمصفوفة داخل كائن الجيسون لدينا بالشكل التالي: { .. "owners":[ { "name" : "owner 1", "identity": "545789" }, { "name" : "owner 2", "identity": "978798" } ] } ثم ما ان اردنا اضافة مالك جديد الى قائمة الملاك اضفنا كائنا جديدا الى مصفوفة الكائنات. اذ سيكون من السهل آنذاك قراءة مصفوفة الكائنات والمرور على كل مالك من قبل الواجهة الخلفية وانشاء ملاك نقوم بنسبهم الى ذات العنصر. طبعا الفكرة نظرية بحتة، يمكنك تقويمها بحسب حاجتك او استعمالها وفق مثالك.

مقال في غاية الروعة ، وبالفعل فقد جمع كل المفاهيم الأساسية. إلا أن هناك بعض الكلمات المترجمة بشكل غريب مثل : Characters أصبحت : محارف. أليست ترجمتها حروف ؟ فمحارف جمع محرف وليس حرف.

السلام عليكم @محمد طيب لو سمحت تقوم بارفاق الكود الخاص بذلك حتى استطيع مساعدتك تحياتي شكرا لك السلام عليكم @محمد طيب لو سمحت تقوم بارفاق الكود الخاص بذلك حتى استطيع مساعدتك تحياتي شكرا لك

I need more details

لتصميم قوالب ووردبريس يلزم html و css و JavaScript .. كلغات بالنسبة للملحقات والتقنيات الاخرى.. كأي مصمم واجهات ويب يلزمه تقويه نفسه في frontend وتعلم استخدام مكتبات واطارات عمل تساعدة.. مثلا إطار العمل بوتستراب.. مكتبة jquery التابعة للغة JavaScript.. هذا بالنسبة لتصميم الواجهات.. ومبدئيا .. اما اذا اردت تطوير جانب ال backend من مشاريع ووردبريس يلزمك لغة php