لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 08/15/23 in أجوبة
-
السلام عليكم، هل يمكنني تعلم دورة علوم الحسوب وتطوير واجهة المستخدم في نفس الوقت مثل يوم لدورة ويوم لدورة الأخرى؟1 نقطة
-
من الصعب تعلم دورتين معاً في نفس الوقت فليس هناك إستفادة من تعلم الدورتين معاً في نفس الوقت الأفضل تعلم دورة علوم الحاسوب أولاً قبل دورة تطوير واجهة المستخدم . وهناك عدة أسباب لذلك: دورة علوم الحاسوب ستعطيك الأساسيات والمفاهيم التقنية التي ستحتاجها في تطوير واجهات المستخدم. ستتعلم في علوم الحاسوب لغات البرمجة الأساسية مثل Javascript أو Python التي غالبًا ما تستخدم في بناء واجهات المستخدم. ستفهم بشكل أفضل كيفية تخزين البيانات واسترجاعها والتعامل مع قواعد البيانات في تعلم المجالات الأخرى. سيساعدك فهم هيكلة ومعالجة البيانات على تصميم واجهة مستخدم أكثر كفاءة وفي الدورات الأخرى. بشكل عام، الخبرة التي ستكتسبها من علوم الحاسوب ستساعدك كثيرًا في إنشاء واجهات مستخدم ذات كفاءة وأداء أفضل.1 نقطة
-
هل في دورة علوم الحاسوب ضمان عمل حر بقيمة دورة من أكادمية حاسوب بعد حصول على الشهادة ؟1 نقطة
-
نعم كل دورة تؤهلك للحصول على فرصة عمل حر ، لكن دورة علوم الحاسوب بعد أن تنهيها سوف تحتاج إلى تطوير مهاراتك والإستمرار في مجال معين ، ويمكن أن تحصل على فرصة عمل حر بعد الإنتهاء من دورة علوم الحاسوب ، لكن فرصتك سوف تكون أكبر عندما تحدد مجالك وتطور نفسك به .1 نقطة
-
لكن قبل التسجيل قرأت أن ضمان عمل في أي دورة أخترتها، بشرط حصول على شهادة ،وبعد الشهادة إذا لم أحصل على وظيفة أسترجع رسوم التي دفعت1 نقطة
-
وعليكم السلام من وجهة نظري أرى أن الموضوع سوف يكون صعب عليك ، لأن محور ومحتوى الدورتين مختلف وسوف تواجه مشكلة في الجمع بين الدورتين ويجب عليك التركيز على دورة واحدة وإنهائها ومن ثم الإنتقال إلى الدورة الثانية وهكذا سوف تسطيع الإستفادة من محتوى الدورة دون التشتت والضياع بين الدورتين ، لكن في حال اخترت أن تقوم بتطبيق الطريقة التي أخبرت بها يجب عليك أن تجهز نفسك لتركيز عالي.1 نقطة
-
تستطيع فعل ما تريد، لكن الصحيح هو دراسة المسار البرمجي بالتدريج، بمعنى دورة علوم الحاسوب مخصصة لمن ليس لديه أي دراية بالبرمجة ويرغب بدراسة الأساسيات والتعرف على عالم البرمجة بمجالاته المختلفة وتعلم أساسيات لغة برمجة أولى مثل جافاسكريبت وبايثون وتنمية مهارة التفكير المنطقي. بعد ذلك تنتقل إلى التخصص في مجال البرمجة الذي تريده، وأنت اخترت مجال الواجهة الأمامية من خلال دورة تطوير واجهات المستخدم.1 نقطة
-
السلام عليكم , قبل شرائي من العرض الخاص بمدة الصيف لقد اخترت دورة علوم الحاسوب ولكن لا ادري ما الدورة الثانية التي سوف اختارها انني حائر بين تطوير المنتجات مع انني لا اعرف ما هي وبين تطوير واجهات المستخدم والتي لا اعتقد انني سوف استفيد منها1 نقطة
-
عايز اعدل الكود دة ليتم عمل عملية حسابية للكمية فى سعرالوجبةو اضافة خانة لتحديد الكمية من الاصناف الاضافية ثم حساب اجمالى تكلفة الوجبة مع الاصناف المضافة <!DOCTYPE html> <html> <head> <style> .card { width: 100%; max-width: 200px; height: auto; border: 1px solid #000; margin: 10px; padding: 10px; background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); display: inline-block; transition: transform 0.5s; cursor: pointer; } .card:hover { transform: scale(1.05); } .image { width: 100%; height: auto; background-color: lightyellow; } .name { margin-top: 10px; font-weight: bold; } .quantity-input { margin-top: 10px; } .add-to-cart { margin-top: 10px; background-color: green; color: white; padding: 5px 10px; border: none; cursor: pointer; } .cart { margin-top: 20px; background-color: lightblue; padding: 10px; } .delete-item { color: red; cursor: pointer; } .whatsapp-button { margin-top: 20px; background-color: blue; color: white; padding: 5px 10px; border: none; cursor: pointer; } @media screen and (min-width: 768px) { .card { width: 200px; } } /* تكبير النمط */ .checkbox { transform: scale(1.5); } /* تظليل الشيك بوكس */ .checkbox input[type="checkbox"] { box-shadow: 0 0 5px #888888; } <!-- استخدام الشيك بوكس --> <div class="checkbox"> <input type="checkbox"> </div> </style> </head> <body> <div id="cards-container"> <div class=""> <img src="meal1.jpg" alt="وجبة 1"> <h3></h3> </div> <div class="card"> <img src="https://eldahan.com.eg/wp-content/uploads/2021/03/%D9%88%D8%AC%D8%A8%D8%A9-%D9%85%D9%8A%D9%83%D8%B3-%D8%AC%D8%B1%D8%A8%D9%84-1.png" alt="وجبة ميكس"> <h3>وجبة ميكس</h3> <p1> 120السعر</p1> <h5>ارز-سلطة-طحينة </h5> <p>الكمية: <input type="number" value="1"> </p> <input type="checkbox" id="بطاطس" name="اضافات[]" value="بطاطس,10"> <label for="بطاطس">بطاطس (10 جنية)</label> <br> <input type="checkbox" id="مشروبات" name="اضافات[]" value="مشروبات,(10 جنية)"> <label for="بطاطس">مشروبات (10 جنية)</label> <br> <button class="button" onclick="addToCart(' وجبة ميكس')">إضافة إلى العربة</button> </div> <div class="card"> <img src="https://eldahan.com.eg/wp-content/uploads/2021/03/%D9%88%D8%AC%D8%A8%D8%A9-%D9%81%D8%B1%D8%A7%D8%AE-%D9%85%D8%B9-%D8%B4%D9%8A%D8%B4.png" alt="وجبة 1"> <h3>وجبة 1</h3> <p>الكمية: <input type="number" value="1"> </p> <input type="checkbox" id="بطاطس" name="اضافات[]" value="بطاطس,10"> <label for="بطاطس">ااااااس</label> <br> <input type="checkbox" id="مشروبات" name="اضافات[]" value="مشروبات,20جنية"> <label for="مشروبات">مشروبات</label> <br> <button class="button" onclick="addToCart('وجبة 1')">إضافة إلى العربة</button> </div> <div class="card"> <img src="meal1.jpg" alt="وجبة 1"> <h3>وجبة 1</h3> <p>الكمية: <input type="number" value="1"> </p> <input type="checkbox" id="بطاطس" name="اضافات[]" value="بطاطس,10"> <label for="بطاطس">ااااااس</label> <br> <input type="checkbox" id="مشروبات" name="اضافات[]" value="مشروبات,10"> <label for="مشروبات">مشروبات</label> <br> <button class="button" onclick="addToCart('وجبة 1')">إضافة إلى العربة</button> </div> <div class="cart"> <h2>سلة المشتريات</h2> <div id="cart-items"></div> <button class="button" onclick="sendCartToWhatsApp()">إرسال الطلب عبر الواتساب</button> </div> <script> var cartItems = []; function addToCart(itemName) { var price = parseInt(document.querySelector('p1').innerHTML); var text = document.querySelector('h5').innerText; var quantity = parseInt(document.querySelector('input[type="number"]').value); var extras = []; var extrascheckboxes = document.querySelectorAll('input[name="اضافات[]"]:checked'); var extras = []; var totalPrice = 0; var totalQuantity = 0; extrascheckboxes.forEach(function(checkbox) { extras.push(checkbox.value); totalPrice += parseFloat(checkbox.dataset.price); totalQuantity += parseFloat(checkbox.dataset.quantity); }); console.log('إجمالي السعر:', totalPrice); console.log('إجمالي الكمية:', totalQuantity); console.log('الإضافات:', extras); var item = { name: itemName, text: text, price: price, quantity: quantity, extras: extras }; cartItems.push(item); updateCart(); } function removeFromCart(index) { cartItems.splice(index, 1); updateCart(); } function calculateTotal() { var total = 0; var cards = document.getElementsByClassName("card"); for (var i = 0; i < cards.length; i++) { var quantity = parseInt(cards[i].querySelector("input[type=number]").value); var price = parseFloat(cards[i].querySelector(".price").textContent.replace("سعر الوجبة: ", "")); // تحقق مما إذا كان صنف فرعي محدد واحتسب سعره إذا لزم الأمر total += (price * quantity); } document.getElementById("cart").textContent = "اجمالي السعر: " + total + " ريال"; } var quantityInputs = document.querySelectorAll("input[type=number]"); for (var i = 0; i < quantityInputs.length; i++) { quantityInputs[i].addEventListener("input", calculateTotal); } function updateCart() { var cartItemsHTML = ''; cartItems.forEach(function(item, index) { cartItemsHTML += '<div class="cart-item">' + '<h4>' + item.name + '</h4>' + '<p1>السعر: ' + item.price + '</p1>' + '<h5>المكونات: ' + item.text + '</h5>' + '<p>الكمية: ' + item.quantity + '</p>' + '<p>الإضافات: ' + item.extras.join(', ') + '</p>' + '<button class="button" onclick="removeFromCart(' + index + ')">حذف</button>' + '</div>'; }); document.getElementById('cart-items').innerHTML = cartItemsHTML; } function sendCartToWhatsApp() { var message = 'الطلبات: \n\n'; cartItems.forEach(function(item) { message += 'وجبة: ' + item.name + '\n'; message += 'السعر: ' + item.price + '\n'; message += 'المكونات: ' + item.text + '\n'; message += 'الكمية: ' + item.quantity + '\n'; message += 'الإضافات: ' + item.extras.join(', ') + '\n\n'; }); var phoneNumber = '0123456789'; // رقم الهاتف المحدد // يمكنك تعديل الرسالة ورقم الهاتف حسب الاحتياجات الخاصة بك window.open('https://api.whatsapp.com/send?phone=' + 0201061710999 + '&text=' + encodeURIComponent(message)); } </script> </body> </html>1 نقطة
-
هناك بدائل لخدمة Gravatar التي يمكنك استخدامها لعرض صور المستخدمين بدلاً منها. إليك بعض البدائل المشهورة: Avatar.js: هذه المكتبة توفر واجهة برمجة تطبيقات (API) لإنشاء صور البروفايل الافتراضية على الخادم الخاص بك. يمكنك تخصيص الألوان والأشكال والرموز والنصوص لإنشاء صور فريدة ومميزة للمستخدمين. يمكنك العثور على المزيد من المعلومات والأمثلة على الموقع الرسمي لـ Avatar.js. DiceBear Avatars: هي مكتبة JavaScript توفر مجموعة من الأيقونات العشوائية والمتنوعة للمستخدمين. تتيح لك هذه المكتبة إنشاء صور بروفايل فريدة بناءً على معرّف فريد للمستخدم، مثل اسم المستخدم أو البريد الإلكتروني. يمكنك الاطلاع على موقع DiceBear للحصول على المزيد من التفاصيل والأمثلة. Adorable Avatars: هي خدمة تقدم صورًا بسيطة وجذابة للمستخدمين. تتيح لك هذه الخدمة توليد صور بروفايل باستخدام عناوين البريد الإلكتروني أو أسماء المستخدمين. يمكنك زيارة موقع Adorable Avatars للاطلاع على المزيد من المعلومات واستخدام الخدمة. وفيما يلي مثال بسيط يوضح كيفية استخدام مكتبة DiceBear Avatars في توليد صورة بروفايل عشوائية: const dicebear = require('dicebear'); const options = {}; // يمكنك تخصيص الخيارات حسب احتياجاتك // توليد عنوان الصورة العشوائية باستخدام DiceBear Avatars const avatar = dicebear.default(options).getUrl(); console.log(avatar); // عنوان الصورة المولدة عشوائياً تُستدعى مكتبة DiceBear Avatars وتتم تعريف الخيارات حسب احتياجاتك. ثم يتم استدعاء `getUrl()` للحصول على عنوان الصورة العشوائية. يمكنك استخدام هذا العنوان في تطبيقك لعرض صورة بروفايل فريدة للمستخدم.1 نقطة
-
عليك بتقبل الأمور بواقعية وبدون تصورات غير حقيقية، دورة تطوير واجهات المستخدم هي بوابة الدخول لمجال تطوير الواجهات الأمامية Front-End بالتالي يتم بها شرح الأساسيات من خلال HTML, CSS, JS, jQuery, Bootstrap. لذلك أنت في مرحلة البداية والتي تؤهلك لإنشاء مواقع ثابتة Static وليست ديناميكية، أي مواقع محتواها لا يتغير يبقى كما هو. وستجد مشاريع لذلك على مستقل وخمسات أي على مواقع العمل الحر، لكن في الشركات المشاريع تتطلب الخبرة بإطار أو مكتبة للواجهة الأمامية مثل React أو Angular أو Vue.js. وستجد هنا توضيح لتلك النقطة: ولذلك أنت بحاجة إلى دورة تطوير التطبيقات باستخدام JavaScript ويتم بها شرح React وإطارات جافاسكريبت الأخرى. وإليك وصف وظيفة خاصة بمطور واجهة أمامية Job Requirements: Deep understanding of JavaScript fundamentals and common techniques. Good Understanding in all ES6/ES7 features. Strong experience in React and it's an ecosystem. Strong experience in the next technologies and libraries: Redux and its ecosystem such as redux-Saga, redux-thunk, redux sauce. JSS React-router Building tools and module-bundlers such as Webpack and Babel + ( Gulp or Grunt ) Linting: eslint and it's common libraries HTML5 / CSS3 and styling predecessors such as: SASS and LESS Experience with Github Familiarity with RESTful APIs.1 نقطة
-
صحيح، يجب عليك تسجيل حساب على موقع Gravatar حتى تتمكن من استخدام ميزة رفع صور الرمز الشخصي، وبعد التسجيل، يمكنك تحديد صورة الرمز الشخصي الخاصة بك وإعداد إعداداتها، ثم استخدام عنوان URL الخاص بـ Gravatar الخاص بك في تطبيقاتك. وإليك الخطوات لتسجيل حساب على Gravatar وإعداد صورة الرمز الشخصي: انتقل إلى موقع Gravatar على الويب. انقر فوق الزر "إنشاء حساب". أدخل عنوان بريدك الإلكتروني وكلمة مرورك. انقر فوق الزر "إنشاء حساب". بعد إنشاء حسابك، يمكنك تحديد صورة الرمز الشخصي الخاصة بك عن طريق النقر فوق الزر "تعيين صورة الرمز الشخصي". يمكنك تحميل صورة من جهاز الكمبيوتر الخاص بك أو اختيار صورة من مجموعة Gravatar. بعد تحديد صورة الرمز الشخصي الخاصة بك، يمكنك إعداد إعداداتها عن طريق النقر فوق الزر "إعدادات الرمز الشخصي". يمكنك تحديد حجم الصورة ونوعها وإعدادات الخصوصية. بعد إعداد إعدادات الرمز الشخصي الخاص بك، يمكنك النقر فوق الزر "حفظ". بمجرد إعداد صورة الرمز الشخصي الخاصة بك، تستطيع استخدام عنوان URL الخاص بـ Gravatar في تطبيقاتك. مثلاً استخدام عنوان URL الخاص بـ Gravatar الخاص بك في النموذج التالي: <img src="https://gravatar.com/avatar/[your_email_address]?s=200&r=pg&d=mm" /> وسيعرض ذلك الكود صورة الرمز الشخصي الخاصة بك بحجم 200 بكسل وتنسيق صورة شخصي وخلفية بيضاء.1 نقطة
-
يبدو أنك قمت بتعيين الصورة الافتراضية "mm" في حالة عدم توفر صورة Gravatar للمستخدم. نعم يتطلب استخدام خدمة Gravatar للحصول على صورة المستخدم التسجيل في الموقع باستخدام عنوان البريد الإلكتروني الخاص بك. لاستخدام Gravatar في مشروعك ، يمكنك إعطاء المستخدمين إمكانية تعيين صور شخصية لحساباتهم وتحميلها على موقع Gravatar باستخدام عنوان البريد الإلكتروني الخاص بهم. لحل مشكلتك والحصول على الصورة المصغرة للمستخدم سريعًا بدون تسجيل في Gravatar، يمكنك تجربة استخدام البرنامج التالي: const gravatar = require('gravatar'); const avatar = gravatar.url(email, { s: '200', r: 'pg', d: '404' }); تم استبدال قيمة `d` بـ `'404'` بدلاً من `'mm'`. هذا يعني أنه إذا لم تتوفر صورة Gravatar للمستخدم، سيتم عرض صورة 404 الافتراضية بدلاً من صورة البديلة. بعد تعديل البرنامج، يجب أن تحصل على الصورة المصغرة للمستخدم دون الحاجة إلى تسجيل في Gravatar.1 نقطة
-
يمكنك الوصول لأكاديمية حسوب من خلال العديد من الطرق قم بالبحث في محرك البحث جوجل أوغيره وأكتب موسوعة حسوب وسيظهر لك الموقع يمكنك الوصول إلى الموقع من خلال أكاديمية حسوب عن طريق النزول لأسفل أي صفحة في موقع أكاديمية حسوب وستجد رابط لموسوعة حسوب يمكنك الوصول من خلال هذا الرابط1 نقطة
-
تمام لكن ظهر لى مشكله اخره انه عند وجود نص قبل التاريخ لن يحدده ولذلك اضفت هذا الجزء (\D*?) على السطر الخاص بك هل هذا صحيح وشكرا لك مقدما1 نقطة
