لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 06/23/24 in أجوبة
-
كيف اقدر اخلي الرابط بوسط الصفحة علما جربت text_align center داخل ال link و ال visited و ال hover و ال active و لم يصبح في وسط الصفحة3 نقاط
-
السلام عليكم هو اي الفرق بين الneural network in machine learning وبين neural network in Deep learning ؟1 نقطة
-
السلام عليكم ورحمة الله و بركاته عندي كود html لقالب بلوجر و اوريد عمل loop له بحيث يكون للتدوينات المنشورة وهذا هو الكود <div class='article'> <h3 class='article-title'>عنوان المقال</h3> <p class='article-content'>نبذة عن المقال</p> <a href='رابط المقال'><button class='view-details'>عرض المقال</button></a> </div>1 نقطة
-
أواجه مشكلة أثناء التعلم وهي أنني أتشتت من كثرة الدوال والشفرات البرمجية ولا أستطيع حفظها والتمييز بينها أحيانًا بل وأنسى كثيرًا منها -علمًا بأنني أكتب الشفرات البرمجية مع المدرب- فهل هذا أمر طبيعي بسبب أني مبتدئ أم لدي مشكلة بالفعل؟1 نقطة
-
تلك مرحلة يمر بها الجميع لا داعي للقلق، الفكرة هي ألا تقوم بالتركيز على الصورة الكاملة، بل تقوم بالتركيز على جزء جزء، بمعنى لا تتنقل بين الدروس ظنًا منك أنك انتهيت منها بل أنت بحاجة إلى استيعابها جيدًا وحفظ ما بها في البداية فقط ولا مشكلة إن نسيت بعض الأمور فيما بعد. لكن ذلك بشرط أن تقوم بالتطبيق العملي ولا أقصد التطبيق الذي تقوم به مع الشرح، فذلك تطبيق للتعلم، وعليك تنفيذ نفس الأمر أو مثله بمفردك سواء من خلال تمرين أو مشروع آخر لا مشكلة، لتوظيف ما تعلمته وتثبيته. ستجد تفصيل هنا:1 نقطة
-
لا مشكلة، أسفل الدرس مباشرًة عند النزول لنهاية الصفحة ستجد صندوق تعليقات كما هنا تستطيع التعليق به وكتابة ما تريد.1 نقطة
-
شكرا جزيلا لك لقد نجح معي هذا الشيء1 نقطة
-
يجب استخدام خاصية display لتغيير طريقة عرض العنصر a وتطبيق التوسيط باستخدام خصائص Flexbox على الحاوية التي تحتوي عليه. قم بتعديل الكود الخاص بك كالتالي: 1. أضف خصائص Flexbox إلى الحاوية (div.content) لجعل جميع العناصر بداخلها تتمركز. 2. استخدم خصائص Flexbox داخل الحاوية لتوسيط الرابط. إليك الكود المعدل: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Delightful Bakery</title> <style> h1 { color: purple; text-decoration: underline; text-align: center; text-transform: uppercase; direction: ltr; } .content { background-color: cyan; height: 1330px; width: 1330px; display: flex; flex-direction: column; justify-content: center; align-items: center; } p { color: black; text-align: center; text-transform: uppercase; direction: ltr; font-weight: bold; } a:link { color: orangered; text-decoration: underline; } a:visited { color: purple; text-decoration: underline; } a:hover { color: palegoldenrod; text-decoration: underline; } a:active { color: coral; } </style> </head> <body> <div class="content"> <h1>The Start</h1> <p>The Dark Future</p> <a href="https://www.youtube.com/">Go To Youtube</a> </div> </body> </html> في هذا الكود، استخدمنا خصائص Flexbox على الحاوية .content بحيث يتم توسيط جميع العناصر بداخلها عموديا وأفقيا. هذا سيجعل الرابط يتمركز في وسط الصفحة بشكل صحيح.1 نقطة
-
كود css ولا html صحيح عندي عناصر ثانية تستعمل ال text align center هذا كود ال html <div class="content"> <h1>The Start</h1> <p> The Dark Future </p> <a href="https://www.youtube.com/"> Go To Youtube </a> </div> و هذا كود ال css h1{ color: purple; text-decoration: underline; text-align: center; text-transform:uppercase ; direction: ltr; } .content{ background-color: cyan; height: 1330px; width: 1330px; } p{ color: black; text-align: center; text-transform:uppercase ; direction: ltr; font-weight: bold; } a:link{ color: orangered; text-decoration: underline; text-align: center; } a:visited{ color: purple; text-decoration: underline; text-align: center; } a:hover{ color: palegoldenrod; text-decoration: underline; text-align: center; } a:active{ color: coral; text-align: center; } كل شيء تمام لكن فقط ال link لا ياتي الى وسط الصفحة1 نقطة
-
بهذه الحالة يجب عليك التعامل مع data base وتجلب البيانات منها ما لغة البرمجة او قاعدة البيانات التي تستخدمها ؟1 نقطة
-
وعليكم السلام يمكنك عمل ذلك عبر استخدام الجافا سكريبت اولا لنقوم بتحضر قالب ال html الموجود لديك ليتم تطبيق اكواد الجافا سكريبت عليه ليصبح كالتالي : <div id="articles-container"></div> <script type="text/template" id="article-template"> <div class='article'> <h3 class='article-title'>{{title}}</h3> <p class='article-content'>{{content}}</p> <a href='{{link}}'><button class='view-details'>عرض المقال</button></a> </div> </script> أولا قمنا بانشاء حاوية div فارغة لعرض المقالات بداخلها عندما ننشئها لاحقا عبر جافا سكريبت <div id="articles-container"></div> ثم قمنا بتخزين قالب ال html داخل عنصر السكريبت و id="article-template" لنتمكن من الوصول إليه لاحقًا عبر كود الجافا سكريبت <script type="text/template" id="article-template"> عوضا عن عنوان المقال قمنا بوضع المتغير title ليتم وضعه تلقائيا وذات الشيء ايضا بالنسبة لل content و link والان دعنا نبدأ بكتابة كود الجافا سكريبت اولا يجب علينا انشاء وتعريف مصفوفة من الكائنات كل كائن بها يمثل مقالة مع خصائصها والتي هي ال title و content و link كالتالي : const articles = [ { title: 'عنوان المقال الأول', content: 'نبذة عن المقال الأول', link: 'link-to-article-1' }, { title: 'عنوان المقال الثاني', content: 'نبذة عن المقال الثاني', link: 'link-to-article-2' }, { title: 'عنوان المقال الثالث', content: 'نبذة عن المقال الثالث', link: 'link-to-article-3' } ]; ثم نقوم بانشاء دالة لعرض المقالات function renderArticles() { ونقوم باستدعاء التالي بداخلها اولا جلبنا عنصر ال div الذي انشئناه فارغا قبل قليل لوضع المقالات بداخله const container = document.getElementById('articles-container');: ثم قمنا بجلب محتوى القالب الذي انشئناه في html سابقا من خلال ال id الذي اعطيناه اياه const template = document.getElementById('article-template').innerHTML;: ثم نقوم بمسح محتوى العنصر div للتأكد اولا من انه فارغ قبل اضافة اي مقالات container.innerHTML = ''; والان نقوم بانشاء حلقة forEach للمرور عبر كل عنصر في المصفوفة articles والذي بها كل عنصر يمثل مقالة articles.forEach(article => {...}) ثم داخل هذه الحلقة نقوم باستبدال المعلومات التي لدينا داخل قالب ال html وهم ال title و content و link articles.forEach(article => { const articleHTML = template .replace('{{title}}', article.title) .replace('{{content}}', article.content) .replace('{{link}}', article.link); ثم نقوم باضافة هذه المقالات للحاوية التي انشئناها container.innerHTML += articleHTML; وفي النهاية نضيف هذه الدالة لضمان عرض المقالات دائما عند تحديث الصفحة window.onload = renderArticles; ساترك لك الكود النهائي هنا يمكنك وضعه في ملف واحد او فصلهم ملف html وملف javaScript <!DOCTYPE html> <html lang="ar"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>مدونة</title> </head> <body> <div id="articles-container"></div> <script type="text/template" id="article-template"> <div class='article'> <h3 class='article-title'>{{title}}</h3> <p class='article-content'>{{content}}</p> <a href='{{link}}'><button class='view-details'>عرض المقال</button></a> </div> </script> <script> // بيانات المقالات كمصفوفة من الكائنات const articles = [ { title: 'عنوان المقال الأول', content: 'نبذة عن المقال الأول', link: 'link-to-article-1' }, { title: 'عنوان المقال الثاني', content: 'نبذة عن المقال الثاني', link: 'link-to-article-2' }, { title: 'عنوان المقال الثالث', content: 'نبذة عن المقال الثالث', link: 'link-to-article-3' } ]; // دالة لعرض المقالات function renderArticles() { const container = document.getElementById('articles-container'); const template = document.getElementById('article-template').innerHTML; // مسح محتوى الحاوية container.innerHTML = ''; // تكرار البيانات لإنشاء HTML لكل مقالة articles.forEach(article => { const articleHTML = template .replace('{{title}}', article.title) .replace('{{content}}', article.content) .replace('{{link}}', article.link); // إضافة المقالات إلى الحاوية container.innerHTML += articleHTML; }); } // عرض المقالات عند تحميل الصفحة window.onload = renderArticles; </script> بالتوفيق لك...1 نقطة
-
لم افهم كيف طريقة ترتيب الدوره1 نقطة
-
الكمبيوتر هو اللي بيتعلم، لكن لما بنقول "الآلة بتتعلم"، بنقصد الكمبيوتر اللي بنستخدمه لتطبيقات التعلم الآلي (Machine Learning). الكمبيوتر نفسه ما عندوش عقل زي الإنسان، لكنه بيقدر يتعلم من البيانات اللي بندخلهاله باستخدام خوارزميات (Algorithms) معينة. بنجمع البيانات وننظفها ونستخدمها لتدريب النموذج (Model). النموذج ده بيكون عبارة عن برنامج بيقدر يتعرف على الأنماط في البيانات. بعد ما النموذج يتدرب على البيانات، بيقدر يتنبأ أو ياخد قرارات بناء على البيانات الجديدة اللي بنمده بيها. طيب، هل أي آلة هي عبارة عن كمبيوتر؟ مش كل آلة هي كمبيوتر، لكن الكمبيوتر جزء أساسي من الآلات اللي بتستخدم في تطبيقات التعلم الآلي. مثلاً: السيارات الذاتية القيادة (Self-driving cars) تعتبر آلات معقدة، جواها كمبيوترات بتستخدم خوارزميات تعلم آلي علشان تتعرف على الطريق والعوائق وتاخد قرارات في القيادة. الفرق بين الآلة والكمبيوتر الكمبيوتر هو الجهاز اللي بنستخدمه لتنفيذ البرمجيات (Software) وعمليات الحساب والتخزين. اما الآلة ممكن تكون جهاز ميكانيكي أو إلكتروني بيأدي وظيفة معينة، والكمبيوتر جواه بيكون جزء من النظام الكبير.1 نقطة
-
بالطبع هناك العديد من البدائل التي يمكن استخدامها بدلاً من Firebase، وبالإضافة للإقتراحات في التعليق السابق يمكنك الإطلاع على AWS Amplify تقدم مجموعة متكاملة من الأدوات والخدمات ، بما في ذلك قواعد البيانات، المصادقة، التخزين، والوظائف بدون خادم. وأعتقد أنها متاحه في معظم الدول، بما في ذلك الدول العربية. ويوجد أيضاً Back4App وهي توفر واجهة سهلة الاستخدام وتبسيط تطوير الجزء الخلفي للتطبيقات، مما يجعلها مناسبة للمطورين الذين يفضلون حلول low-code أو no-code .1 نقطة
