لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 05/24/25 في كل الموقع
-
انا حالياً اتعلم Vite في ريأكت هل هو نفس الذي تم شرحه في الدورة4 نقاط
-
ماهو هذا العنصر في HTML <select name="" id=""></select>4 نقاط
-
مع تطور الذكاء الاصطناعي وقدرته المتزايدة على كتابة الأكواد، هل نقترب من مرحلة تصبح فيها البرمجة مهارة تعتمد أكثر على "قراءة الكود وفهمه وحل المشكلات" بدلًا من "كتابة الكود من الصفر"؟ وهل يجب أن تتغير طريقة تعليم البرمجة لتعكس هذا التحول؟3 نقاط
-
ماذا يحدث عند الفشل في امتحان الدورة3 نقاط
-
لدي مشكلة غريبة نوعاً ما حيث عند استدعاء </Prayer> الذي قمت بأنشائه تختفي جميع العناصر src.zip
3 نقاط -
لدى سؤال بعد انتهاء الحصة قومت بنقل ما كتبه المدرس كما هو وظهرت لدى النتيجة كما فى الحصة فهل لابد انا اعمل فورم من غير انا انقل ما في الحصة يعنى بعد ما نقلت ما فى الحصة كما هو هل على شئ أخر؟2 نقاط
-
عند فتح تطبيق من خلال الهاتف هكذا شكله كيف احل المشكلة src.zip
2 نقاط -
أرجو الرد علي هذه الأسئلة باستفاضة وبأسرع وقت ممكن لأنني عازم عل أن اشترك ولكن متردد بسبب هذه التساؤلات وشكرا لكم مقدما🤍 1-هل بعد كل درس يوجد تطبيق علي مادرسته أم هي فقط مشاريع في اخر كل مسار؟! 2-هل متاح لي استرداد الاموال بعد الإشتراك إذا لم تعجبني طريقة الشرح وهل لها مده محدده؟! 3-ما هي افضل دوره علي الأكاديمية مكمله لهذا المسار (في حالة اشتراكي في عرض دورتين بسعر دوره واحده)؟! 4- هل يجب أن أقوم بإنهاء الدوره كامله (91 ساعه) لكي أكون جاهز لدخول سوق العمل ام عند جزء معين من هذه الدوره سأكون جاهز بالفعل ؟؟ وما هي الخطوه التاليه من الأكاديمية بعد إنتهائي من دراسة هذا المسار ؟ ..2 نقاط
-
ما الفرق بين height & min-height2 نقاط
-
كيف يمكن تغير التاريخ تلقائي في كل يوم src.zip
2 نقاط -
let images = document.querySelector('.icons') let container = document.querySelector('.container') function phones(phone){ images.src = phone; } function colors(color){ container.style.background = color; } *{ padding: 0; margin: 0; box-sizing: border-box; font-family: sans-serif; } .container{ background-color: #000; min-height: 100vh; width: 100%; overflow: hidden; position: relative; } header{ display: flex; justify-content: space-between; width: 80%; align-items: center; margin: auto; padding: 20px 0; } .logo{ width: 40px; } ul li { display: inline-block; } ul li a{ color: white; text-decoration: none; margin: 0 10px; } .content{ display: flex; justify-content: space-between; align-items: center; width: 80%; margin: auto; } .content .text{ width: 40%; color: white; } .content .text h2{ font-size: 40px; text-transform: uppercase; } .content .text p{ font-size: 18px; margin: 20px 0; } .content .text a{ text-decoration: none; background-color: white; color: #000; font-weight: bold; padding: 8px 15px; border-radius: 20px; cursor: pointer; } .content .img{ width: 30%; } .content .img img{ width: 180px; } .icons{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); bottom: 20px; } .icons img{ width: 40px; transition: all 0.5s ease; cursor: pointer; } .icons img:hover{ transform: scale(1.2); } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="index.css"> <title>ِApple</title> </head> <body> <div class="container"> <header> <a href="#"><img src="logo.png" class="logo" alt=""></a> <ul> <li><a href="#">Home</a></li> <li><a href="#">Project</a></li> <li><a href="#">News</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </header> <div class="content"> <div class="text"> <h2>iPhone 13 pro max</h2> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> <a href="">All Products</a> </div> <div class="img"> <img src="0.png"> </div> </div> <div class="icons"> <img onclick="phones(this.src); colors('#000')" src="0.png"> <img onclick="phones(this.src); colors('#000')" src="1.png"> <img onclick="phones(this.src); colors('#247ec8')" src="2.png"> <img onclick="phones(this.src); colors('#1e1e1e')" src="3.png"> <img onclick="phones(this.src); colors('green')" src="4.png"> </div> </div> <script src="index.js"></script> </body> </html> لقد قمت بمشروع لكن اريد عند ضغط على صورة تظهر في المتصفح
2 نقاط -
هل يمكنكم شرح لي هذه الكود بشكل افضل, import Prayer from "./components" import React,{useEffect, useState} from "react" function App() { const [prayerTimes , setPrayerTimes] = useState({}) const [dateTime , setDateTime] = useState("") const [citi , setCiti] = useState("Cairo") const citys = [ {name :"القاهرة" , value:"Cairo"}, {name :"الأسكندرية" , value:"Alexandria"}, {name : "الجيزة" , value: "Giza"}, {name :"المنصورة" , value:"Monsoura"}, {name :"الأسوان" , value:"Aswan"}, {name :"الأقصر" , value:"Luxor"}, ] useEffect(() => { const fetchPrayerTime = async () => { try{ const response = await fetch(`https://api.aladhan.com/v1/timingsByCity/24-05-2025?city=Eg&country=${citi}`); const data_Prayar = await response.json() setPrayerTimes(data_Prayar.data.timings) setDateTime(data_Prayar.data.date.gregorian.date) console.log(data_Prayar.data.date.gregorian.date); }catch(error){ console.log(error) } } fetchPrayerTime() },[citi]) const formateTimes = (time) =>{ if(!time){ return "00:00"; } let [hours , minutes] = time.split(":").map(Number) const perd = hours >= 12 ? "PM" : "AM"; hours = hours % 12 || 12; return`${hours}:${minutes < 10 ? "0" + minutes : minutes} ${perd}` } return ( <> <section> <div className="container"> <div className="top-section"> <div className="city"> <h3>المدينة</h3> <select name="" id="" onChange={(e) => setCiti(e.target.value)}> {citys.map((city) => ( <option key={city.value} value={city.value}>{city.name}</option> ))} </select> </div> <div className="date"> <h3>التاريخ</h3> <h4>{dateTime}</h4> </div> </div> <Prayer name="الفجر" time={formateTimes(prayerTimes.Fajr)}/> <Prayer name="الظهر" time={formateTimes(prayerTimes.Dhuhr)}/> <Prayer name="العصر" time={formateTimes(prayerTimes.Asr)}/> <Prayer name="المغرب" time={formateTimes(prayerTimes.Maghrib)}/> <Prayer name="العشاء" time={formateTimes(prayerTimes.Isha)}/> </div> </section> </> ) } export default App اعتذر ان كان الامر مزعج بالنسبة لكم1 نقطة
-
السلام عليكم أسمي:معن سعيد الزايدي عمري:13 من المدينة المنورة كم مدة الأشتراك؟ لدي جهاز حاسب (لابتوب) و حاسب مكتبي ليس لدي خبرة هل يوجد خصم؟ هل تقبولني؟ للتواصل(الرقم الأول): 0562754866 للتواصل(الرقم الثاني): 05406337771 نقطة
-
أولا هنا في هذا السطر نحن نقوم بإستيراد المكون Prayer من مجلد components . وفي السطر الثاني نقوم بإستيراد الخطافات : useState: وهذا الخطاف يستخدم لإدارة حالة المكون. حيث يسمح لك بتخزين البيانات التي يمكن أن تتغير بمرور الوقت وتحديث الواجهة تلقائيا عندما تتغير هذه البيانات. useEffect: وهو يستخدم لتنفيذ تأثيرات جانبية في المكونات .و التأثيرات الجانبية هي الأمور التي تتم في الخلفية مثل جلب البيانات من API أو التعامل مع الأحداث المستمعين وغيرها. هنا في هذا الجزء نقوم بتريف المتغيرات التي نستخدمها في البرنامج مع إستخدام الخطاف useState لإدارة الحالة لتلك المتغيرات . والمتغير prayerTimes تقوم فيه بتخزين أوقات الصلاة ككائن والقيمة الأولية له هي كائن فارغ {} قبل إرسال الطلب API و setPrayerTimes دالة تستخدم لتحديث قيمة هذا المتغير prayerTimes. والمتغير dateTime هو لتخزين التاريخ الحالي كسلسلة نصية والقيمة الأولية له هي سلسلة فارغة "" وsetDateTime هي الدالة الخاصة بتحديث قيمة dateTime. والمتغير citi متغير لتخزين اسم المدينة التي تم إختيارها والقيمة الأولية هي Cairo و setCiti هي الدالة الخاصة بتحديث قيمة citi. وهنا أنت تقوم بتعريف المدن التي ستستخدمها لعرضها في القائمة المنسدلة ليختار المستخدم منها المدينة الخاصة لعرض أوقات الصلاة لها حيث تحتوي على : name: وهو الإسم العربي للمدينة والتي تقوم بعرضه للمستخدم. value: وهو الاسم الإنجليزي للمدينة والتي تقوم بإرساله إلى API. وفي هذا الجزء نستخدم الخطاف useEffect وهو المسؤول عن إعادة تحديث المكون عند تغير قيمة المتغير في مصفوفة الترابطات وهنا وضعت [citi] أى إنه ى تغير يحدث في القيمة citi سيتم تنفيذ ما بداخل الخطاف. وبعد ذلك قمت بتعريف الدالة fetchPrayerTime وهي دالة غير متزامنة (asynchronous) والتي تستخدمها لجلب البيانات من API. بعد ذلك تقوم بجلب البيانات من ال API من خلال إرسال طلب بإستخدام fetch وتقوم في الطلب بإرسال المتغير citi والذي إختاره المستخدم لجلب أوقات الصلاة لتلك المدينة وتقوم بوضع الرد في الثابت response. بعد ذلك تقوم بتحويل البيانات في response إلى json ووضعه في الثابت data_Prayar . بعد ذلك هنا تقوم بوضع قيم prayerTimes وتحديث حالتها بأوقات الصلاة التي إستلمناها من ال API وأيضا تحديث حالة dateTime بالتاريخ الميلادي المستلم من ال API. وإخيرا هنا تقوم بإستدعاء الدالة بداخل الخطاف حيث في كل تعديل لقيمة citi يتم إستدعاء هذه الدالة تلقائيا وإحضار البيانات من ال API ووضع النتائج في المتغيرات التي عرفناها في البداية. هنا في تلك الدالة تقوم بإستقبال معامل time و وهو وقت بصيغة 24 ساعة مثل "13:30" وتقوم بتحويله إلى صيغة 12 ساعة مع AM/PM أى صباحا/مساءا مثل "1:30 PM". وفي أول جزء نقوم بالتحقق من time وإذا كان فارغا أى وقت فارغ أو تم تمرير أى قيمة فارغة سيتم إعادة الوقت "00:00". بعد ذلك نقوم بفصل السلسلة النصية بناء على ":" . أى أنه سيتم فصل السلسلة إلى جزئين جزء قبل علامة : وهو الساعات ووضعه في المتغير hours وجزء بعد : وهو الدقائق ويتم وضع في المتغير minutes . بعد ذلك نتحقق من أن الساعات hours أكبر من أو تساوي 12 وبما أنها أكبر من 12 إذا الوقت هو مساءا ولهذا يتم إستخدام "PM" أما إذا لم تكن كذلك فإذا الوقت هو صباحا. بعد ذلك هنا نقوم بتحويل الساعات من صيغة 24 ساعة إلى 12 ساعة مثل 13 ستصبح 1. حيث أن علامة % تعني باقي القسمة أى أن 13%12 تعني أنه لدينا 1 باقي القيمة ويتم تحويلها إلى صيغة 24 . اما إذا كان باقة القسمة 0 فهذا يعني أن الساعه 0 أى 12 صباحا لهذا يتم إستخدام 12. وهنا يتم إعادة السلسلة النصية التي تعبر عن الساعة حيث يتم وضع الساعات والدقائق وبعدها AM أو PM . ولاحظ أننا ننظر إلى الدقائق فلو كانت أقل من 10 نريد وضع 0 قبلها فمثلا لو كانت 3 نريد أن تكون "03" وليس "3" والتي من الممكن أن يتم إعتبارها كأنها 30 وليس 3 في الوقت. وأخيرا نقوم بعرض عناصر ال HTML لدينا . وهنا نقوم بإنشاء القائمة المنسدلة بقيم المدن التي لدينا في المتغير citys حيث نستخدم الدالة map والتي تقوم بالتمرير على عناصر مصفوفة ما وتحويلها إلى شكل أخر وهنا نحن نريد تحويلها إلى عناصر option والتي سيتم إختيار المدينة بناء عليها. ولاحظ أننا في العنصر select إستخدمنا الدالة onChange والتي يتم تنفيذها عند كل تغير في قيمة select أى عند إختيار أى مدينة من القائمة المنسدلة وهكذا عند إختيار أى قيمة يتم تغير قيمة المتغير citi والتي بدورها تقوم بتشغيل الخطاف useEffect والتي تقوم بإرسال طلب API وإستقبال البيانات ووضعها لديك لعرضها في الموقع. وهنا تقوم بعرض المكون Prayer بعد تمرير أوقات الصلاة له وسيتم عرض الصلاة مع الوقت الذي تم إعادته من ال API.1 نقطة
-
ما الفرق بين js & jsx في المشاريع1 نقطة
-
كيف يمكن رفع المشروع على netlify حيث لانني اول مرة ارفع مشروع react اريده مشروع كرابط1 نقطة
-
بالفعل مع التطور المتسارع للذكاء الاصطناعي (AI) يجب علينا بدلاً من التركيز بشكل أساسي على كتابة الكود من الصفر، قد تصبح قراءة الكود وفهمه وحل المشكلات المهارات المحورية للمبرمجين في المستقبل. ولكن ذلك يكون بالنسبة للمطور ذو خبرة فعلية ي البرمجة وليس لمن يبدأ مسيرته التعليمية في البرمجة . وبالنسبة لتعلم البرمجة حالياً يجب أن يعزز تعليم البرمجة فهمًا عميقًا لمبادئ علوم الكمبيوتر، وهياكل البيانات، والخوارزميات، والتفكير المنطقي ولكن لا يتم إهمال الكود في بداية التعلم بل يفضل لو يتم الإبتعاد عن أدوات الذكاء الإصطناعي في البداية ( في حالة كتابة الكود بدلاً منك) يفضل الإطلاع على التعليقات التالية1 نقطة
-
اقصد عندما مثلا onclick من اجل تنفيذ الدالة اريد ان اكتبها مراة واحدة ولكن في اربع اسطر مثال في صورة
1 نقطة -
لقد مر معي هذا المصطلح Double Precision وأحتاج ان اعرف معناه تحديدا ما هو وبماذا يستخدم؟ وايضا ما هي الsyntactic suger؟ كيف يمكن معرفتها؟ شكرا لكم1 نقطة
-
Double Precision هو مصطلح يشير إلى الاعداد العشرية كما اخبرك المدرب في التعليق السابقة، و في جافاسكريبت الأعداد كلها هي من النوع Number وهو من نوع Double Precision أي يمكنك وضع فواصل عشرية بدقة تصل إلى 64 بت قد يفيدك الاطلاع على السؤال التالي : Syntactic Sugar هي عبارة عن تعبيرات مختصرة وسهلة الفهم والاستخدام، والتي تساعد على تبسيط الكود وجعله أكثر قراءةً وفهمًا. فمثلاً، في جافاسكريبت، يمكن استخدام العملية المختصرة : i++ بدلاً من العملية الطويلة : i = i + 1 لزيادة قيمة متغير بمقدار 1. و Syntactic Sugar في جافاسكريبت تشمل العديد من التعبيرات المختصرة مثل +=, -= و ++ و -- وغيرها، والتي تساعد على تبسيط الكود وجعله أكثر قراءةً وفهمًا.1 نقطة
-
إضافة إلى ما ذكره محمد، يمكن أن تكون الأرقام Double Precision أكثر دقة من الأرقام ذات الدقة المفردة، لأنها تستخدم 64 بتًا لتمثيل الرقم بدلاً من 32 بتًا. وهذا يعني أن الأرقام Double Precision يمكن أن تمثل قيم أكبر وأصغر من الأرقام ذات الدقة المفردة، وتسمح بإجراء العمليات الحسابية الأكثر دقة. وفيما يتعلق بأنواع الأرقام في JavaScript، فإن اللغة توفر ثلاثة أنواع أساسية للأرقام: الأعداد الصحيحة (integers) والأعداد العشرية (floating-point numbers) و NaN (Not a Number). ويتم تمثيل الأعداد العشرية في JavaScript باستخدام Double Precision، حيث يتم تخزينها باستخدام 64 بتًا، كما يمكن استخدام الأعداد العشرية في JavaScript لتمثيل الأعداد الصحيحة بسبب نطاقها الأكبر. أما بالنسبة لـ Syntactic Sugar في JavaScript، فهناك العديد من الأمثلة على ذلك، مثل استخدام "arrow functions" بدلاً من الدوال العادية و "template literals" بدلاً من السلاسل النصية المعتادة. هناك العديد من أمثلة Syntactic Sugar في JavaScript، وهنا مثال بسيط: بدلاً من استخدام الدالة العادية: function add(x, y) { return x + y; } يمكن استخدام الـ arrow function: const add = (x, y) => x + y; وبهذا يتم تبسيط كتابة الدالة وجعلها أكثر وضوحًا وسهولة للفهم.1 نقطة
-
Double Precision هو مصطلح يستخدم في الحوسبة لوصف دقة الأرقام العشرية المستخدمة في الحسابات. يشير Double Precision إلى أن الأرقام المستخدمة تتكون من 64 بت (8 بايت) بدلاً من 32 بت (4 بايت) التي تستخدمها الأرقام ذات الدقة المفردة (Single Precision). يستخدم Double Precision عادة في التطبيقات التي تتطلب دقة عالية في الحسابات، مثل التطبيقات العلمية والهندسية والاقتصادية. Syntactic Sugar هو مصطلح يشير إلى تغطية لغوية لكود برمجي معين، حيث يتم استخدام تعبيرات أكثر سهولة ووضوحًا لإظهار نفس المعنى. على سبيل المثال، في بعض لغات البرمجة، يمكن استخدام "for each" بدلاً من "for" لإظهار أنه سيتم تكرار على كل عنصر في قائمة. لا يمكن معرفة syntactic sugar بشكل دائم، حيث أنه يختلف من لغة برمجة إلى أخرى. ومع ذلك، يمكن العثور على مثال على syntactic sugar في الوثائق الرسمية للغة البرمجة المستخدمة.1 نقطة
