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

ماهو current الخاص بالخطاف useRef وايضا ماهو الكائن ref

ما الفرق بين var & let

هل مازالت الشركات تستخدم DOM في سنة 2025 ام اصبح الامر قديم

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

هل يمكنكم شرح لي هذا الكود بشكل واضح import React,{useRef, useState} from 'react'; import './App.css' function App() { const [todos , setTodos] = useState([]); const refInp = useRef(); const handelAddTodos = () => { const textInp = refInp.current.value; setTodos([...todos,textInp]) refInp.current.value = ""; } return ( <> <div className="App"> <h2>To Do List</h2> <ul> {todos.map((item) => { return <li>{item}</li> })} </ul> <input ref={refInp} placeholder='Enter item...'/> <button onClick={handelAddTodos}>Add</button> </div> </> ) } export default App;

السلام عليكم هل تم شرح fast api في هذه السلسة امل منكم افادتي ، او هل هناك خطة لشرح فاست اي بي اي

كيف يمكنني حفظ البيانات في تخزين المحلي لقد حاولت كثيراً ولم يعمل معي import React,{useState,useRef,useEffect} from "react"; import './App.css'; function App(){ const [todos , setTodos] = useState([]); const inpRef = useRef() const handelButtonClick = () => { const text = inpRef.current.value; const newTodos = {complelted: false ,text} setTodos([...todos, newTodos]) inpRef.current.value = ''; } const handelItemClick = (i) => { const newItem = [...todos]; newItem[i].complelted = !newItem[i].complelted; setTodos(newItem) } const handelDeleteItem = (i) => { const newDelete = [...todos]; newDelete.splice(i,1) setTodos(newDelete) } return( <> <div className="App"> <h2>To Do List</h2> <ul> {todos.map(({text,complelted},i) => { return <div className="item"><li className={complelted ? "done" : ""} onClick={() => handelItemClick(i)}>{text}</li><span onClick={() => handelDeleteItem(i)}>❌</span></div> })} </ul> <input ref={inpRef} placeholder="Enter item..."/> <button onClick={handelButtonClick}>Add</button> </div> </> ) } export default App;

قمت بحذف بيانات ومازالت المشكلة موجودة

لقد رفعت الخطافات الى الاعلى وظهر اخطاء اكثر import React,{useState,useRef, useEffect} from "react"; import './App.css' import logo from './assets/react.svg' function App(){ const [todos , setTodos] = useState([]); const inpRef = useRef(); /// قراءة البيانات من التخزين المحلي عند تحميل الصفحة أول مرة useEffect(() => { const storedTodos = localStorage.getItem("todos"); if (storedTodos) { setTodos(JSON.parse(storedTodos)); } }, []); // حفظ المهام في التخزين المحلي عند كل تغيير في القائمة useEffect(() => { localStorage.setItem("todos", JSON.stringify(todos)); }, [todos]); const handelButtonClick = () => { const text = inpRef.current.value; const newTodos = {compiled: false, text} inpRef.current.value = ''; setTodos([...todos,newTodos]) } const handelItemClick = (i) => { const newItem = [...todos]; newItem[i].compiled = !newItem[i].compiled; setTodos(newItem) } const handelDeleteClick = (i) => { const newDelete = [...todos]; newDelete.splice(i,1) setTodos(newDelete); } return( <> <img src={logo} alt="" /> <div className="App"> <h2>To Do List</h2> <ul> {todos.map(({text,compiled}, i) => { return <div className="item"><li key={i} className={compiled ? 'done' : ''} onClick={() => handelItemClick(i)}>{text}</li><span onClick={() => handelDeleteClick(i)}>❌</span></div> })} </ul> <input ref={inpRef} placeholder="Enter item..."/> <button onClick={handelButtonClick}>Add</button> </div> </> ) } export default App;

ماهو هذا الخطأ

الكود الذي ارسلته لي الخاص بتخزين المحلي توجد به اخطاء

السلام عليكم هل تختلف أنواع البيانات في جداول البيانات (مثل Excel أو Google Sheets) عن أنواع البيانات المستخدمة في البرمجة؟ فمثلًا، تُسمى الأنواع في البرمجة: عدد صحيح (int)، عدد عشري (float)، ونص (str)، بينما تُسمى في جداول البيانات: رقم (number)، نص (text)، وهكذا ؟

سلام عليكم في الكود التالي: let questions = [ ['Find X if 2X + 4 = 10', ['4', '3', '1', '5'], '3'], ['Find X if 5X + 4 = 24', ['4', '3', '1', '5'], '4'], [`What's the value of 12*3+4*2`, ['80', '168', '132', '20'], '20'], ['IF Y = 2X and X+Y = 6 Find X-Y', ['0', '4', '-2', '2'], '-2'], ['IF the area of square = 16 What is the length of its chord', ['4.33', '3.5', '5.65', '5.1'], '5.65'] ] function main(){ let userAnswer, userRes = 0; for(let i in questions){ do{ userAnswer = prompt(showQuestions(questions[i][0], Number(i)+1)); if(userAnswer === null){ if(confirm('Exit Quiz')){ if(confirm('Show Your Result')) alert(`You Got ${userRes}/${questions.length}`); return null; } else continue; }else if(userAnswer === ""){ continue;} else if(userAnswer === "h" || userAnswer === "H"){ // IDK } }while(isValidAnswer(userAnswer)); if(userAnswer == questions[i][2]){ alert("Right"); userRes++; continue; }alert("Wrong"); } alert(`You Got ${userRes}/${questions.length}`); } function showQuestions(ques, quesNum){ // let display = ''; // display += `${ques}\n`; // for(let i=1; i<=4; i++){ // display += `- ${answers[i-1]}\n`; // } return (`${quesNum}) ${ques}\n Enter h for help`); } function isValidAnswer(usrAns){ if(isNaN(Number(usrAns))){ alert("VALID INPUT") return 1; }return 0; } main(); أريد أن يظهر اجابات الأربعه الموجوده في الindex الثاني لكل سؤال اذا أدخل المستخدم h او H اختصارا ل help. حاولت لكن فشلت. و به خطأ لا أستطيع تنقيحه و هو أن المستخدم اذا أدخل نص فارغ عند الأجابه علي السؤال, يحتسبها خطأ بأعتبار أن undefined لا تساوي الindex الثالث للسؤال في المصفوفه.

وعليكم السلام ورحمة الله، يوجد فرق بسيط في أسماء وأنواع البيانات بين جداول البيانات مثل Excel أو Google Sheets، وبين لغات البرمجة. في لغات البرمجة مثل Python، تكون التسميات أكثر دقة مثل: int للأعداد الصحيحة float للأعداد العشرية str للنصوص bool للقيم المنطقية (True / False) أما في جداول البيانات، تكون بشكل أبسط الأنواع إلى: رقم (Number): ويشمل الأعداد الصحيحة والعشرية معًا نص (Text): أي قيمة مكتوبة ككلام أو أحرف تاريخ (Date) ووقت (Time): تُعامل كأنواع خاصة أحيانًا قيمة منطقية (TRUE/FALSE) فلغات البرمجة تتعامل مع الأنواع بشكل أكثر دقة، أما جداول البيانات فتُعامل القيم بطريقة مرنة وأبسط.

اريد أمثلة أيضاً لهذه الدالة في مشاريع حقيقية وليس فقط الأمثلة التوضيحية لكي افهمها بشكل افضل

هل ضروري أن يبدأ مطور الويب بتقديم مخطط ال ERD في بداية تطوير تطبيق الويب ؟ وهل المخطط يساعد في منع المشاكل مستقبلا ويساعد في سهولة التعديل؟ إذا رفض مطور الويب البدء بإنشاء المخطط ، وأراد تأجيله ، هل ذلك فعل احترافي؟ وهل على أن أطلب منه شئ بديل؟ أم ذلك يدل على عدم احترافيته ابحث عن مطور أخر؟

وما سبب الرفض لم يتم توضيح ذلك؟ وما هو حجم المشروع؟ وهل متطلبات المشروع واضحة له؟، عامًة تتوفر الكثير من الأدوات التي تقوم بتوليد ذلك فلا أرى سبب لرفضه، لديك مثلاً: https://dbdiagram.io/home https://www.lucidchart.com/pages MySQL Workbench miro.com في حال سيقدم بدائل مثل Migrations أو وثيقة مبسطة ووضع جدولاً زمنياً للتوثيق فلا مشكلة، لكن رفض أي نوع من التوثيق أو التخطيط نهائياً دونّ سبب وجيه، فقم بالبحث عن مطور آخر، فيجب دائمًا توضيح الأمور لك وليس الرفض بشكل مُبهم، على الأقل يجب توفير قائمة بسيطة بالجداول الرئيسية ووصف العلاقات الأساسية من خلال نص أو رسم سريع. ولإختباره اطلب منه رسمة سريعة في مدة أقصاها نصف ساعة للجداول الرئيسية، ورد فعله سيخبرك الكثير عن احترافيته. عامًة الـ ERD ليس ضرورياً للمشاريع الصغيرة أي 10 جداول أو أقل، وتستطيع البدء من دونه في حال وجود خبرة من قبل المطور، لكن ضروري جدًا للمشاريع المتوسطة والكبيرة، فسيوفر عليك 50-70% من وقت إصلاح المشاكل المستقبلية وتكلفة التعديلات. والأمر يعتمد على خبرة المطور في الأساس، بمعنى لو يمتلك سنوات خبرة، فسيرسم مخطط بسيط في أول إجتماع من خلال الأدوات السابقة dbdiagram.io أو draw.io ثم تحديثه مع كل تغيير كبير. في حال سنوات خبرة أقل، فسيبدأ مباشرة بكتابة Models وMigrations بواسطة أدوات ORM (Laravel, Django, Prisma) وغيرهم، ثم بعد أسبوعين يولد ERD تلقائيًا من قاعدة البيانات ويحدث المخطط عند الحاجة فقط، ولكن البدء مباشرًة في مشروع متوسط أو كبير بدون تخطيط أمر غير جيد بالمرة.

يوجد العديد من الأدوات والموقاع المتخصصة في ذلك. أولا Sora من OpenAI : حيث تعتبر Sora من أحدث وأقوى الأدوات في مجال تحويل النص إلى فيديو فإنها تتيح إنشاء مقاطع فيديو واقعية واحترافية من وصف نصي فقط وهي مناسبة لسرد القصص المرئية وتصور المفاهيم والمشاهد السينمائية. ثانيا InVideo AI : وهي منصة شاملة تتيح تحويل النص إلى فيديو بجودة عالية مع واجهة سحب وإفلات سهلة الاستخدام.وتوفر مكتبة ضخمة من الصور والفيديوهات والموسيقى المجانية بالإضافة إلى أدوات الذكاء الاصطناعي لتحويل النص إلى كلام وإنشاء فيديو تلقائيا.وهي مناسبة للإعلانات و الشروحات. ثالثا Lumen5 : وهو يركز على تحويل المقالات والمشاركات إلى فيديوهات و يقدم قوالب جاهزة ومكتبة وسائط كبيرة وتختار بشكل تلقائي الصور والمقاطع الصوتية المناسبة للنص. وهو مناسب أكثر للمسوقين ومنشئي المحتوى الذين يرغبون في إعادة استخدام محتواهم المكتوب في شكل فيديوهات. رابعا CapCut AI : وهي أداة سهلة الاستخدام تتيح تحويل النص إلى فيديو خلال دقائق مع إمكانية إضافة ترجمات أو ملصقات أو موسيقى أو مؤثرات أوصور. وهي تدعم إنشاء فيديوهات قصيرة احترافية تناسب TikTok وInstagram و YouTube. خامسا Renderforest : وهي تتيح تحويل النص إلى فيديو بشكل تلقائي مع إمكانية تخصيص الأسلوب والألوان والموسيقى والتعليق الصوتي.