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

السلام عليكم و رحمة الله و بركاته, 1 function findOdd(A) { 2 const count = (arr, val) => arr.filter((item) => item === val).length; 3 let target = 0; 4 A.forEach((arrnum) => { 5 if (count(A, arrnum) % 2 !== 0) { 6 target = arrnum; 7 } 8 }); 9 return target; 10 } هذه الدالة تقوم باستخراج العدد الذي لديه تكرارات فردية من المصفوفة , هل يمكنكم شرح الدالة لي لأنني اواجه صعوبة في فهم طريقة عملها, السطر رقم 2 و السطر رقم 5 هم الذين لم افهمهم, و شكرًا لكم 🤍

عند استخدام الدروب زون يظهر رساله الخطاء upload.js:7 Uncaught ReferenceError: Dropzone is not defined (upload.js:7:5) upload.js

يعمل السطر الثاني على تعريف متغيّر باسم count والذي يستخدم الدالة filter لإرجاع مصفوفة جديدة تحوي فقط العناصر التي تساوي العنصر الذي قمنا بتمريره، وبعد ذلك تم استخدام length لطباعة عدد العناصر فقط وإسناده للمتغيّر count. (حتى الآن لم يتم استخدام المتغيّر count وإنما فقط تم تهيئته لاستخدامه لاحقاً). وتم استخدام الصيغة المختصرة كتابع سهمي، ولكن لفهم الفكرة يمكنك تصوّره بالصيغة التالية: function count(arr, val){ return arr.filter((item) => item === val).length } بعد ذلك يتم المرور على مصفوفة العناصر الأساسية المررة لحساب في حال كان مجموع تكرارات أي من عناصرها هو أحادي (بمعنى أن عدد مرات ظهور هذا العنصر في المصفوفة غير زوجي). حاول تنفيذ الشيفرة البرمجية وطباعة بعد الرسائل النصية باستخدام console.log تظهر نتيجة القيم التي يتم تخزينها لكي تتوضح لك الصورة أكثر وحاول في كل مرة تمرير قيم مختلفة لمراقبة النتيجة ولفهم الشيفرة البرمجية بشكل أفضل.

نعم، هناك عدة أشياء يمكنك التحقق منها قبل شراء استضافة من شركة GoDaddy لضمان أنها تلبي احتياجات مشروع Next.js الخاص بك، وتشمل هذه الأشياء: دعم Node.js: تأكد من أن GoDaddy تدعم Node.js على الخوادم الخاصة بها، وأن الإصدار المدعوم هو الإصدار الذي يدعمه مشروع Next.js الخاص بك. السعر والتكلفة: تأكد من أن تكلفة الاستضافة من GoDaddy تتناسب مع ميزانيتك، وأنه لا توجد تكاليف مخفية أو رسوم إضافية غير متوقعة. الأمان: تحقق من أن GoDaddy توفر خدمات أمنية مثل الحماية من الاختراق والنسخ الاحتياطي المنتظم للبيانات الخاصة بك. الدعم الفني: تحقق من أن GoDaddy توفر دعمًا فنيًا على مدار الساعة، ويفضل أن يكون هذا الدعم عبر الهاتف أو الدردشة المباشرة. سمعة الشركة: تحقق من سمعة GoDaddy في السوق والمراجعات التي تم نشرها على الإنترنت، والتي يمكن أن تساعدك في تقييم جودة الخدمات التي تقدمها الشركة. بعد التحقق من هذه الأمور وتأكد من أن GoDaddy تلبي احتياجات مشروع Next.js الخاص بك، يمكنك شراء خطة استضافة منها ورفع مشروع Next.js الخاص بك على الخوادم الخاصة بها. و النقاط التي ذكرتها متوفرة في منصة GoDaddy حيث تدعم Node.js، وتوفر خيارات استضافة بتكلفة معقولة، وتوفر خدمات أمنية ودعم فني على مدار الساعة، ولديها سمعة جيدة في السوق. لذلك، يمكنك الاعتماد على GoDaddy لرفع مشروع Next.js الخاص بك على الإنترنت. ومع ذلك، يمكنك البحث عن مزودي خدمات استضافة أخرى ومقارنة الميزات والأسعار لضمان اختيار الخيار الأفضل لمشروعك. يمكنك رفع مشروع Next.js على GoDaddy باستخدام الخطوات التالية: قم بتسجيل الدخول إلى حساب GoDaddy الخاص بك. اختر خيار "استضافة المواقع" من القائمة الرئيسية. انتقل إلى صفحة "الملفات" وانقر على زر "إنشاء مجلد جديد" لإنشاء مجلد جديد لمشروعك. ارفع ملفات مشروع Next.js الخاص بك إلى المجلد الجديد باستخدام خيار "رفع الملفات". انتقل إلى صفحة "تكوينات node" وانقر على زر "إضافة تكوين جديد" لإنشاء تكوين جديد لمشروعك. قم بتحديد مجلد الرئيسي لمشروعك وأدخل الإصدار المناسب من Node.js في الحقل المخصص. احفظ التكوين الجديد وانتظر قليلاً حتى يتم تنشيطه. انتقل إلى صفحة "DNS" وانقر على زر "إضافة سجل" لإضافة سجل CNAME جديد. أدخل اسم المضيف المطلوب (على سبيل المثال، اسم مجلد مشروعك) وقم بإدخال "القيمة" باستخدام عنوان IP الخاص بموقع GoDaddy الخاص بك. احفظ الإعدادات وانتظر قليلاً حتى تتم مزامنة التغييرات. انتقل إلى متصفح الويب الخاص بك وأدخل عنوان المضيف الجديد الذي أنشأته في الخطوة 9. بهذه الطريقة، يمكنك رفع مشروع Next.js الخاص بك على GoDaddy وجعله متاحاً عبر الإنترنت. يرجى ملاحظة أنه قد تختلف الخطوات المحددة قليلاً اعتمادًا على نوع الاشتراك الذي اشتريته من GoDaddy.

لتصميم تطبيقات الجوال، هناك العديد من اللغات والأطر البرمجية (Frameworks) المختلفة التي يمكن استخدامها، ولكن الخيار المناسب يعتمد على الاحتياجات والمتطلبات الخاصة بالتطبيق. تعلم لغة Java وتصميم التطبيقات بها يمكن أن يساعدك على فهم مفاهيم البرمجة والتصميم بشكل عام، حيث أن Java تستخدم على نطاق واسع في تطوير تطبيقات الجوال وتطبيقات الويب، ولها مجموعة قوية من المكتبات والأطر البرمجية المتاحة للمطورين. بالنسبة لتعلم لغة Dart واستخدام إطار العمل Flutter، فهو خيار آخر جيد. فFlutter هو إطار عمل قوي وشامل لتطوير تطبيقات الجوال، ويتميز بواجهات المستخدم المرنة والجميلة والأداء العالي، كما يتيح Flutter تطوير تطبيقات تعمل على نظامي التشغيل iOS و Android، بحيث يمكنك إنشاء تطبيق واحد يعمل على كلا المنصتين. يمكنك البدء بتعلم أيٍ من هاتين اللغتين وإطار العمل الخاص بها والتعرف على المكتبات والأدوات المتاحة لكل منهما. وبالتالي يمكنك اختيار الخيار الأنسب بناءً على الاحتياجات الخاصة بالتطبيق الذي تريد تطويره، ومدى قدرتك على التعامل مع المكتبات والأدوات المختلفة، وبالتالي تحديد الخيار الذي يناسبك أفضل من حيث الإنتاجية والجودة. وإذا كنت في البداية وتريد تعلم البرمجة فيجب عليك قراءة المقالات التالية فسترشدك إلى الطريق السليم. ويمكنك الرجوع إلى الإجابات على السؤال التالي: وهناك دورة في حسوب لتطوير التطبيقات، ستتعلم منها ما تريد. https://academy.hsoub.com/learn/javascript-application-development/

لا يمكن استخدام "mailto:" في عنوان الإجراء (action) في النموذج لإرسال البريد الإلكتروني من خلال الجانب العميل (المتصفح)، بل يستخدم فقط لفتح برنامج البريد الإلكتروني على الكمبيوتر المحلي. لا يمكن استخدام JavaScript وحده لإرسال رسائل بريد إلكتروني من المستخدم مباشرةً، لأن JavaScript لغة برمجة تعمل على الجانب العميل (المتصفح) وليست على الخادم. ومع ذلك، يمكن استخدام JavaScript لإرسال طلب إلى الخادم ليتم معالجتها هناك. يمكن تنفيذ نموذج البريد الإلكتروني باستخدام HTML و CSS و JavaScript بالشكل التالي، لكن سيتطلب معالجة البيانات المرسلة بواسطة php او node.js في الخلفية: HTML: <form id="email-form" method="POST"> <label for="email">البريد الإلكتروني:</label> <input type="email" id="email" name="email" placeholder="ادخل بريدك الإلكتروني" required> <button type="submit" id="submit-btn">اشتراك</button> </form> <div id="success-msg" class="hidden">تم إرسال البريد الإلكتروني بنجاح.</div> <div id="error-msg" class="hidden">حدث خطأ أثناء إرسال البريد الإلكتروني، يرجى المحاولة مرة أخرى.</div> CSS: .hidden { display: none; } JavaScript: const form = document.querySelector('#email-form'); const submitBtn = document.querySelector('#submit-btn'); const successMsg = document.querySelector('#success-msg'); const errorMsg = document.querySelector('#error-msg'); form.addEventListener('submit', function(event) { event.preventDefault(); const emailInput = document.querySelector('#email'); const emailValue = emailInput.value; fetch('path/to/email/handler.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: `email=${emailValue}` }) .then(response => { if (response.ok) { // إخفاء زر الإرسال وعرض رسالة النجاح submitBtn.classList.add('hidden'); successMsg.classList.remove('hidden'); } else { // إخفاء زر الإرسال وعرض رسالة الخطأ submitBtn.classList.add('hidden'); errorMsg.classList.remove('hidden'); } }) .catch(error => { console.error(error); // إخفاء زر الإرسال وعرض رسالة الخطأ submitBtn.classList.add('hidden'); errorMsg.classList.remove('hidden'); }); }); يستخدم fetch() لإرسال طلب POST إلى ملف المعالجة handler.php، مع إرفاق رأس Content-Type والجسم المحتوي على بيانات البريد الإلكتروني. يتم التعامل مع الاستجابة باستخدام then()، حيث يتم التحقق من معلومة الحالة للاستجابة وإظهار رسالة النجاح أو الخطأ وفقًا لذلك. يتم التعامل مع أي أخطاء باستخدام catch()، حيث يتم عرض رسالة الخطأ في هذه الحالة. يمكن تغيير الملف المعالج و Content-Type حسب حاجتك وتكوين الخادم الذي تستخدمه. هناك العديد من خدمات ومواقع البريد الإلكتروني الذي يمكن استخدامها لإضافة نماذج الاشتراك على موقعك بدون الحاجة إلى كتابة الكود بنفسك. هذه الخدمات عادةً ما تتيح إنشاء نماذج الاشتراك بسهولة وبشكل سريع، ويتم تضمينها في موقعك باستخدام قطعة من الكود الذي توفره الخدمة. ومن بين الخدمات المشهورة لذلك: Mailchimp: يتيح Mailchimp إنشاء نماذج الاشتراك المخصصة التي يمكن تضمينها في موقعك باستخدام كود HTML الذي توفره الخدمة. Constant Contact: هذه الخدمة تتيح إنشاء نماذج الاشتراك بشكل سهل وبدون الحاجة إلى كتابة الكود بنفسك. AWeber: هذه الخدمة تتيح إنشاء نماذج الاشتراك المخصصة بسهولة وتضمنها في موقعك باستخدام الكود HTML الذي توفره الخدمة. GetResponse: يتيح GetResponse إنشاء نماذج الاشتراك المخصصة التي يمكن تضمينها في موقعك باستخدام كود HTML الذي توفره الخدمة. هذه الخدمات لها تكاليف، وتختلف الأسعار والميزات المتاحة في كل منها. يمكنك البحث عن خدمة مناسبة لاحتياجاتك وميزانيتك.

يمكنك الاعتماد فقط على الحلقات التكرارية وكتابة الشيفرة المبسطة التالية: #include <iostream> using namespace std; void drawPyramid(int height) { for (int i = 1; i <= height; i++) { for (int j = 1; j <= height - i; j++) { cout << " "; } for (int j = 1; j <= 2 * i - 1; j++) { cout << "*"; } cout << " "; } cout << endl; } int main() { int pyramidHeight = 5; // لرسم الأهرامات بجانب بعضها فقط نستدعي التابع السابق حسب الطول for (int i = 1; i <= pyramidHeight; i++) { drawPyramid(i); } return 0; } ويمكنك التحكّم بطول كل عنصر من خلال المتغيّر height، ستكون النتيجة بالشكل التالي: * * * *** *** *** ***** ***** ***** ******* ******* ******* ********* ********* *********

يمكن استخدام لغة C++ لرسم ثلاث أهرامات بجانب بعض باستخدام حلقات التكرار والدوال المساعدة في مكتبة الرسم المختارة. وهذا مثال بسيط يرسم ثلاث أهرامات بجانب بعض باستخدام مكتبة SDL: #include <iostream> #include <SDL.h> // تعريف الثوابت اللازمة للبرنامج const int SCREEN_WIDTH = 640; const int SCREEN_HEIGHT = 480; const int PYRAMID_HEIGHT = 10; const int PYRAMID_SPACING = 20; const int PYRAMID_BASE_WIDTH = 10; int main(int argc, char* args[]) { // تهيئة المكتبة SDL_Init(SDL_INIT_VIDEO); SDL_Window* window = SDL_CreateWindow("Pyramids", SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN); SDL_Renderer* renderer = SDL_CreateRenderer(window, -1, SDL_RENDERER_ACCELERATED); SDL_SetRenderDrawColor(renderer, 0xFF, 0xFF, 0xFF, 0xFF); // عمل حلقة لرسم الأهرامات for (int i = 0; i < 3; i++) { // حساب إحداثيات الأهرام int x = (SCREEN_WIDTH / 4) + (i * (PYRAMID_BASE_WIDTH + PYRAMID_SPACING)); int y = SCREEN_HEIGHT - PYRAMID_HEIGHT; // عمل حلقة لرسم الصفوف في الأهرام for (int j = 0; j < PYRAMID_HEIGHT; j++) { // حساب إحداثيات الصف int rowWidth = PYRAMID_BASE_WIDTH - j; int rowX = x + ((PYRAMID_BASE_WIDTH - rowWidth) / 2); int rowY = y - (j * 10); // رسم النجوم في الصف for (int k = 0; k < rowWidth; k++) { SDL_RenderDrawPoint(renderer, rowX + k, rowY); } } } // عرض الرسم على الشاشة وانتظار الإغلاق SDL_RenderPresent(renderer); SDL_Delay(5000); // تحرير الموارد والخروج SDL_DestroyRenderer(renderer); SDL_DestroyWindow(window); SDL_Quit(); return 0; } يمكن تعديل قيم الثوابت المعرفة في البرنامج لتحقيق نتائج مختلفة. ويمكن استخدام الحلقات لتوسيع الرسم وإضافة مزيد من الأشكال.

لغة البرمجة بايثون ليست مصممة بشكل افتراضي لدعم تطبيقات الهاتف الجوال، ولاستخدامها في تطوير تطبيقات الجوال يجب إضافة بعض المكتبات والأدوات المساعدة مثل kivy و pyQt وغيرها. إنما دورها الأكبر عند تطوير تطبيقات الهاتف الجوال يكون من جانب الخادم. أما الجافاسكريبت فهي حتماً خيار أفضل كونها شاملة وتتيح جميع الأدوات اللازمة لبناء الواجهات الرسومية في حال اخترت إطار العمل react native المبني بلغة جافاسكريبت. وأيضاً من طرف الخادم يمكن استخدامها من خلال node.js وبالتالي تتيح لك توحيد لغة البرمجة على الطرفين دون الحاجة لاستخدام لغات برمجة ونظم مختلفة. يمكنك التعرّف أكثر على أنواع التطبيقات من خلال المقالات التالية:

أنصحك أن تجرب برمجة الجوال و الويب حتي تقرر بنفسك. ولكن هناك أختيار أخر وهو برمجة الجوال من خلال تقنيات الويب cross-platform frameworks مثل. Ionic React Native ويمكنك تصفح هذه المقالة لكي تعرف أكثر عن هذا المجال.