لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 10/14/23 in أجوبة
-
تعلمت انه يجب التخصص في البرمجة (mobile dev || web dev || desktop dev ...) ولاكن في دورة javascript لم نتخصص فما هو الحل ؟؟2 نقاط
-
دورة تطوير التطبيقات باستخدام جافاسكريبت تقدم الاساسيات الكافية لتؤهلك للبدء في اي من الاختصاصات التي ذكرتها. الدورة لا تلزمك باختصاص معين فيمكنك تعلم المجال الذي تريده وكذلك الامر فإنك غير مطالب بدراسة جميع المسارات للحصول على الشهادة (تحتاج إلى ثلاث مسارات فقط حتى تستطيع التأهل للامتحان والحصول على الشهادة). ولا اعتقد ان دورة جافاسكريبت هي دورة اختصاصية فهي تقدم شرح مستفيض لمجالات جافاسكريبت حتى يكون الطالب متمكن منها في حال اراد الاختصاص في احدها لاحقاً وبنفس الوقت لا تلزمه بتعلمها جميعاً.2 نقاط
-
لدي مشكلة عندما أضغط على button show أريد أن يظهر ليtesting.zip form الخاص به فقط . المشكلة أنه يظهر الاول فقط1 نقطة
-
<!--setup--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>website</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="css/all.min.css"> </head> <body> <!--nav setup--> <div class="nav"> <!--image setup--> <div class="image"> <img src="profile photo.jpeg" alt="profile"> <h3>Hamza hatem</h3> </div> <!--end image--> <!--upper-nav setup--> <div class="upper-nav"> <ul> <li> <i class="fa-solid fa-briefcase fa-xl" style="color: #458d44;"></i> <p>Designer</p> </li> <br> <li> <i class="fa-solid fa-house fa-xl" style="color: #458d44;"></i> <p>London, UK</p> </li> <br> <li> <i class="fa-solid fa-envelope fa-xl" style="color: #458d44;"></i> <p>ex@mail.com</p> </li> <br> <li> <i class="fa-solid fa-phone fa-xl" style="color: #458d44;"></i> <p>1224435534</p> </li> <br> <hr> </ul> </div> <!--end upper-nav--> <!--middle-nav setup--> <div class="middle-nav"> <ul> <li> <i class="fa-solid fa-gear fa-xl" style="color: #458d44;"></i> <p>skills</p> </li> </ul> <div class="first"> <h3>Adobe photoshop</h3> <div class="first-a"></div> <br> <br> <hr> <h3>photography</h3> <div class="first-b"></div> <br> <br> <hr> <h3>illustrator</h3> <div class="first-c"></div> <br> <br> <hr> <h3>media</h3> <div class="first-d"></div> <br> <br> <hr> </div> </div> <!--end middle-nave--> <div class="lower-nav"> <ul> <li> <i class="fa-solid fa-earth-americas fa-xl" style="color: #458d44;"></i> <p>language</p> </li> </ul> <div class="second"> <h3>English</h3> <div class="second-a"></div> <br> <br> <hr> <h3>Spanish</h3> <div class="second-b"></div> <br> <br> <hr> <h3>German</h3> <div class="second-c"></div> <br> <br> <hr> </div> </div> </div> <div class="container"></div> </body> </html> /*Remove any padding or margin*/ *{ padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; } /*image formatting*/ .image{ margin: 8px; height: 40vh; position: relative; border-radius: 5px; overflow: hidden; } .image img{ position: absolute; height: 100%; width: 32%; } .image h3{ position: absolute; bottom: 0; } .nav{ background: #123; position: relative; width: 35px; overflow: hidden; transition: 0.5s; border-radius: 5px; height: 100vh; } .nav:hover{ width: 32%; } /*upper-nav div formatting*/ .upper-nav{ width: 32%; height: 40vh; margin: 8px; position: relative; } ul li{ display: flex; list-style: none; } ul li:hover{ background: #ffffff55; } .upper-nav ul li img{ height: 60%; width: 100%; position: absolute; z-index: -5; } /*middle-nav formatting*/ .middle-nav{ margin: 8px; } .first-a{ width: 70%; position: absolute; height: 30px; background: green; border-radius: 5px; } .first-b{ width: 70%; position: absolute; height: 30px; background: green; border-radius: 5px; } .first-c{ width: 70%; position: absolute; height: 30px; background: green; border-radius: 5px; } /*lower-nav formatting*/ .lower-nav{ margin: 8px; } .second-a{ width: 70%; position: absolute; height: 30px; background: green; border-radius: 5px; } .second-b{ width: 70%; position: absolute; height: 30px; background: green; border-radius: 5px; } .second-c{ width: 70%; position: absolute; height: 30px; background: green; border-radius: 5px; } كيفية عمل scrollوالنزول للأسفل
1 نقطة -
المشكلة تكمن في أنك تستخدم نفس الهوية (id) "myForm" لجميع العناصر في الحلقة for داخل الدالة AllNames(). أي أن جميع الأزرار "show" تشير إلى نفس العنصر myForm، وبالتالي عليك جعل كل زر "show" يفتح العنصر المرتبط به، من خلال تمرير معرف فريد لكل عنصر، كالتالي: <script> const arrays = [ { id: 123, name: 'yasser', age: 33, job: 'engenner' }, { id: 643, name: 'bakkar', age: 12, job: 'devloper' }, { id: 908, name: 'hamed', age: 21, job: 'backEnd' }, { id: 435, name: 'Umar', age: 32, job: 'fronEnd' }, { id: 254, name: 'saber', age: 15, job: 'master' }, { id: 765, name: 'iman', age: 11, job: 'secrit' }, ]; const AllNames = () => { for (array of arrays) { let content = ` <div class="card"> <h1>name: ${array.name}</h1> <h3>age: ${array.age}</h3> <h3>job: ${array.job}</h3> <div class="myForm" id= myForm-${array.id} style="display:none"> <input type="text" /> <button class="Edit" onclick="handle()">Edit</button> </div> <button class="show" onclick="showForm(${array.id})">show</button> </div>`; document.getElementById('divAll').innerHTML += content; } }; const handle = () => { console.log(this.array); }; const showForm = id => { document.getElementById(`myForm-${id}`).style.display = 'block'; }; AllNames(); </script>1 نقطة
-
انا اشتركت في دورة علوم الحاسوب ودفعت الفلوس مش عارف ازاي اوصل للكورس1 نقطة
-
هل عند انهاء الدورة يمكنني فتح حساب للعمل بايميل اخر عن ايميل الدورة في اكاديمية حسوب و انتم تدعموني عليه و توفرون لي فرصة عمل1 نقطة
-
مهما كتبت ملاحظات على دفتر , او على notes . سوف تبقى تواجه صعوبة في تذكر الاكواد . حسب تجربتي وخبرتي البرمجية , أفضل حل لهذه المشكلة هو الممارسة المستمرة وانشاء مشاريع تدريبية تعليمية . عند إنجاز عدة مشاريع سوف تجد نفسك قادر على تذكر كافة الاكواد التي تحتاجها لانجاز ما ترديه . إليك بعض النصائح : الممارسة المستمرة: قم بحل المزيد من التمارين وكتابة المزيد من الأكواد. كلما قمت بالممارسة بانتظام، كلما زادت ثقتك وتذكرك للأكواد. فهم المفاهيم الأساسية: حاول فهم المفاهيم الأساسية والمبادئ البرمجية بدلاً من حفظ الأكواد بشكل عمياء. عندما تفهم المبادئ الأساسية، ستكون قادرًا على بناء الأكواد بنفسك. قراءة ودراسة الشفرة المصدرية: قم بقراءة شفرة المصدر لبرامج ومشاريع أخرى وحاول فهم كيفية تنظيم الأكواد وتطبيق المفاهيم المختلفة. قد تجد أساليب جديدة أو نماذج تساعدك في تحسين أسلوبك البرمجي. المشاركة في مجتمعات المطورين: انضم إلى منتديات ومجموعات المطورين عبر الإنترنت مثل شركة حاسوب وشارك في المناقشات واستفسر عن الأكواد والمشاكل التي تواجهها. قد يوجد أشخاص آخرون يمرون بنفس التحديات وقد يكونون قادرين على مساعدتك. ( كما تفعله أنت الان ) إنشاء مشاريع عملية: قم بإنشاء مشاريع عملية تتطلب استخدام الأكواد وتطبيق المفاهيم التي تعلمتها. قد تكون هذه المشاريع تحديًا في البداية، ولكنها ستساعدك في تطبيق المفاهيم وتذكرها بشكل أفضل. لا تقلق إذا واجهت بعض الصعوبات في البداية، مع الوقت والممارسة المستمرة ستصبح أكثر ثقة ومهارة في تذكر الأكواد وفهمها. الاستمرارية والصبر هما المفتاح لتطوير مهاراتك في البرمجة. حافظ على التركيز والتطور المستمر، وستشعر بالتحسن تدريجياً. حظاً موفقاً في رحلتك في علوم الحاسوب!1 نقطة
-
دائما إذا كنت اريد ان اشتري شيأ يقول ادخل رمز البطاقة الإيتماني فكيف يمكن انا أ حصل عليها وانا تحت 18+1 نقطة
-
هل يمكنني شراء دورة علوم الحاسوب وأنا صفر في البرمجة1 نقطة
-
عدت فيديوهات الخادم مراات كثييرر وكل مره مايفتح لي localhost:3000 واخيرا لما كتبت localhost:3001 اشتغل لكن مو مثل في المقطع وحتى لما فتحت ملف لـ html وحدثت الصفحه ماتغير شي ودايم يطلع لي كلام كثير مثل كذا تعبت وانا اعيد الفيديوهات مرات ومرات ولسا تطلع لي مشاكل هنا
1 نقطة -
عليك النزول لأسفل الصفحة وستجدي حقل كتابة التعليق.1 نقطة
-
ماتطلع لي هذي الخانه
1 نقطة -
كيف ارسل السؤال اسفل الدرس ماعرفت مافي خانه تحت الفيديوهات1 نقطة
-
الخطأ الذي يظهر لك يخبرك بأنك قمت بتشغيل الخادم على المنفذ 3000 بالفعل ولذلك لا تستطيع تشغيل خادم اخر على نفس المنفذ والاصح هو ان تطفئ الخادم القديم عبر الضغط على ctrl + c مرتين متتاليتين أو ان تقوم بإغلاق موجه الاوامر بالكامل وتشغيل موجه اوامر جديد. هل يمكنك كتابة تعليقك اسفل الدرس الذي تتحدث عنه في حال لم تحل النصائح السابقة مشكلتك، وكذلك يفضل مشاركة ملفات المشروع والنتيجة التي تتوقعها.1 نقطة
-
مطوري المتصفحات لا يقومون بتنفيذ إصدارات محددة من JavaScript كما أخبرك مصطفى في التعليق السابق بالإضافة إلى ذلك، فإن مطوري المتصفحات يركزون على دعم الميزات الجديدة التي تدعمها معظم المتصفحات الحالية. هذا يعني أنه قد لا يدعم المتصفح إصدارات JavaScript الحديثة حتى تصبح هذه الإصدارات شائعة. أخيرًا، فإن مطوري المتصفحات يحرصون على ضمان توافق المتصفحات مع المتصفحات القديمة. هذا يعني أنه قد لا يدعم المتصفح إصدارات JavaScript الحديثة حتى يتأكد من أن هذه الإصدارات متوافقة مع المتصفحات القديمة وهذا يعتبر أهم سبب لذلك إذا كنت ترغب في استخدام الميزات الجديدة في إصدارات JavaScript الحديثة، فيمكنك استخدام أداة مثل Babel لتحويل التعليمات البرمجية الخاصة بك إلى إصدارات لغة JavaScript تدعم المتصفحات التي تستخدمها.1 نقطة
-
لتوصيل مشروع React الخاص بك بقاعدة بيانات MongoDB على الإنترنت عند استضافته على Vercel، يجب اتباع الخطوات التالية: تأكد من أن ملفات الاعدادات الخاصة بقاعدة البيانات مثل اسم المستخدم وكلمة المرور وعنوان الخادم صحيحة. يمكنك إنشاء ملف .env في مشروعك وتعيين القيم الخاصة بقاعدة البيانات بالتالي: DB_USERNAME=اسم_المستخدم DB_PASSWORD=كلمة_المرور DB_HOST=عنوان_الخادم DB_NAME=اسم_قاعدة_البيانات قم بتثبيت مكتبة MongoDB للاتصال بقاعدة البيانات من خلال الأمر التالي في مجلد المشروع: npm install mongodb في ملف الكود الخاص باتصال قاعدة البيانات، قم بتعيين متغيرات البيئة من ملف .env. على سبيل المثال، يمكنك استخدام الكود التالي: javascript const MongoClient = require('mongodb').MongoClient; require('dotenv').config(); const uri = `mongodb+srv://${process.env.DB_USERNAME}:${process.env.DB_PASSWORD}@${process.env.DB_HOST}/${process.env.DB_NAME}?retryWrites=true&w=majority`; const client = new MongoClient(uri, { useNewUrlParser: true, useUnifiedTopology: true }); client.connect((err) => { if (err) { console.error('حدث خطأ أثناء الاتصال بقاعدة البيانات:', err); } else { console.log('تم الاتصال بقاعدة البيانات بنجاح'); // استمر في تنفيذ العمليات المطلوبة على قاعدة البيانات هنا } }); بعد اتصالك بقاعدة البيانات بنجاح، يمكنك القيام بالعمليات المطلوبة مثل الاستعلامات والإدخال والتحديث والحذف. قم برفع مشروع React الخاص بك على Vercel باستخدام أداة Vercel CLI أو من خلال الواجهة الرسومية لـ Vercel. بعد رفع المشروع على Vercel وتكوين اتصالك بقاعدة البيانات MongoDB، يجب أن يكون التطبيق قادرًا على الاتصال بقاعدة البيانات بنجاح عند الوصول إلى الموقع المستضاف على Vercel. إن كان هناك شيء غير واضح او تحتاج الى تفاصيل أكثر , يرجى الاشارة إلي في التعليق .1 نقطة
-
عليك إنشاء قاعدة البيانات على MongoDB Atlas وبناء Cluster وتعيين اسم مستخدم وكلمة مرور ستحصل على رابط للإتصال، وعليك أن تضع ذلك في ملف .env في مشروع وكافة متغيرات البيئة اللازمة. والآن أثناء نشر مشروعك على Vercel عليك تحديد متغيرات البيئة كما كتبتها في ملف .env أي كتابة مثلاً MONGODB_URL كالتالي: أي وضع الاسم ثم القيمة الخاصة بذلك المتغير. وبعد الإنتهاء من إضافة كافة المتغيرات عليك الضغط على deploy، وفي حال كان هناك مشروع منشور بالفعل، تستطيع الوصول لمتغيرات البيئة من خلال إعدادات المشروع settings ثم environment variables ثم إضافة المتغيرات وتأكد من تفعيل Automatically expose system environment variables.
1 نقطة -
يبدو أن الخطأ الذي تواجهه أثناء عملية النشر في Digital Ocean يتعلق بقالب الموقع الخاص بك. تشير رسالة الخطأ إلى عدم وجود ملف القالب المناسب للصفحة الرئيسية والمشكلة محددة في السطر 5 والعمود 7 من ملف index.html. الخطأ الذي يظهر هو لحل هذه المشكلة، يُنصح بالتحقق من وجود الملفات اللازمة للقوالب في مشروعك. تأكد من وجود ملفات القوالب الضرورية للصفحة الرئيسية والأقسام والتصنيفات في المسارات الصحيحة داخل مشروعك. قد يتطلب الأمر إنشاء ملفات قوالب جديدة أو تعديل الملفات الحالية لتلبية متطلبات المشروع الخاص بك. قد تحتاج أيضًا إلى التحقق من إصدار Hugo المستخدم في Digital Ocean. يتم استخدام إصدار Hugo 0.118.2 بشكل افتراضي ويمكنك تعيين إصدار مختلف باستخدام متغير البيئة "HUGO_VERSION". تحقق من توافق إصدار Hugo الذي تستخدمه في مشروعك مع الإصدار المستخدم في Digital Ocean. أخيرًا، يُنصح بالاطلاع على الوثائق والمقالات التي يوفرها Digital Ocean حول استخدام Hugo في منصتهم. يمكنك زيارة الرابط التالي للحصول على مزيد من المعلومات والتوجيه: https://do.co/apps-buildpack-hugo. من المهم أن تتحقق من جميع هذه العوامل وتقوم بإصلاح أي مشكلة محتملة في قوالب مشروعك أو إصدار Hugo لحل مشكلة النشر في Digital Ocean.1 نقطة
