-
المساهمات
13224 -
تاريخ الانضمام
-
تاريخ آخر زيارة
-
عدد الأيام التي تصدر بها
365
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
كل منشورات العضو Mustafa Suleiman
-
المشكلة تكمن في أنك تستخدم نفس الهوية (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>
- 3 اجابة
-
- 1
-
بعد تسجيل الدخول ستجد تبويب باسم دوراتي بعد الضغط عليه ستجد الدورات الخاصة بك وعند الضغط على الدورة سيتم عرض المسارات الخاصة بها، وأيضًا بالإَضافة لدورة علوم الحاسوب تستطيع مشاهدة المسار الأول من جميع الدورات الأخرى مجانًا. وستجد هنا شرح مفصل لكيفية الوصول للدورة: كيف أصل للدورات التي اشتركت بها
-
الأمر معقد بعض الشيء ويتطلب خبرة ببايثون والمكتبات الخاصة بها، أولاً عليك استخراج الصور من ملف pdf من خلال مكتبة pdf2image بعد ذلك عليك استخدام OpenCV من أجل محاولة قراءة الأشكال في الصورة ثم استخدام مكتبة مثل pytesseract لتحويل النص في الصورة إلى نص قابل للتعديل ثم استخدام مكتبة python-docx لإضافة الأشكال والنص إلى مستند. وبالطبع هناك طرق مختلفة، ومن الممكن الاستفادة من الذكاء الاصطناعي في قراءة تلك الملفات عبر API، يمكنك تجربة ذلك. وسيفيدك قراءة التالي:
-
البنوك تتيح فتح حسابات للشباب والطلبة سواء من خلال كرنيه الجامعة أو بضمان مفردات مرتب والدك أو والدتك، عليك بالسؤال عن ذلك في البنوك الشهيرة في بلدك، ولكن لن يتم السماح لك باستخراج بطاقة إئتمانية بل بطاقة خصم مباشر Debit Card وهي كافية للشراء من المواقع، ولا أعلم عن إمكانية استخراج بطاقة كريديت بضمان من الوالد أو الوالدة أم لا الأمر يتوقف على سياسات البنك.
-
السؤال غير واضح، هل تقصدين أنه لا يوجد مساحة لعمل scroll؟ تستطيعي إضافة طول لجسم الصفحة من خلال التنسيق التالي: body{ height: 400vh; }
-
بالطبع، فدورة علوم الحاسب موجهة لمن ليست لديهم أية دراسة بعلوم الحاسب وبلغات البرمجة، ويتم تقديهم شيئًا فشيئًا لعالم البرمجة من خلال تعلم التفكير المنقطي الخاص بالبرمجة باستخدام بيئة سكراتش Scratch التفاعلية، ثم بعد ذلك يتم شرح مفاهيم علوم الحاسب ثم تعلم أساسيات البرمجة وقواعد البيانات. والدورة موجهة: لمن لا يمتلك أي خبرة مسبقة في البرمجة ويريد الدخول في هذا المجال الشيق لمن يفكر بتغيير مساره المهني ويرغب بأن يصبح مبرمج ولا يعرف من أين يبدأ للمبرمجين الذين تعلموا احدى لغات البرمجة ذاتياً ويرغبوا بملئ الفراغات وتعلم الأسس لطلاب الجامعات الذين يواجهوا صعوبة ببعض المواد مثل أنظمة التشغيل وقواعد البيانات لمن حاول تعلم البرمجة بالسابق وشعر أنها صعبة ولم يتمكن من المواصلة وستتعلم بها التالي: أساسيات الحاسوب وعلومه والتفكير المنطقي وما هي الخوارزميات وكيف تفيد في البرمجة تطبيقات عملية على أساسيات التفكير المنطقي باستخدام بيئة سكراتش Scratch التفاعلية أساسيات لغة البرمجة JavaScript وتطبيق المفاهيم التي تم شرحها باستخدامها، والتوسع في شرح التطبيقات العملية للغات البرمجة أساسيات أنظمة التشغيل المختلفة وكيفية تثبيت البرمجيات اللازمة للبرمجة عليها أساسيات سطر الأوامر في نظام لينكس، وشرح الأسس التي بني عليها النظام مع تطبيقها عمليًا أنظمة قواعد البيانات المختلفة، مع شرح تفصيلي للغة SQL للتعامل معها مبادئ أساسية في أنظمة قواعد البيانات NoSQL المفاهيم الأساسية التي تبنى فيها صفحات الويب مفاهيم أساسية في الشبكات والخوادم، وكيف يتم استقبال الطلبيات إلى الخادم والرد عليها مبادئ الحماية والأمان في الويب وتستطيع معرفة المزيد من خلال الصفحة الخاص بالدورة.
-
بخصوص سؤالك، عليك غلق جميع النوافذ الخاصة بمنفذ الأوامر Terminal والعمل من خلال نافذة واحدة أو نافذتين في حال كنتي تعملين على الواجهة الأمامية والخلفية في نفس الوقت، أما الواجهة الخلفية أي الخادم لست بحاجة إلى سوى نافذة واحدة فقط سواء من خلال الـ Terminal الخاص بمحرر الأكواد vscode أو منفذ الأوامر الخارجي. ففي حال قمتي بالإتصال من خلال منفذ الأوامر الخاص بـ vscode ثم توجهتي لمنفذ أوامر خارجي بدون غلق الإتصال الأول ستظهر لك رسالة أن المنفذ ما زال مستخدم. وبخصوص التعليق أسفل الفيديو فعند النزول لأسفل الدرس ستجدي خانة تعليقات كالتالي: عند الضغط عليها تستطيعي كتابة سؤالك وإرفاق صور وأيضًا رفع مجلد المشروع بعد ضغطه. ستجدي هنا شرح مفصل: https://support.academy.hsoub.com/how-to-ask-in-courses
-
مطوري المتصفحات لا يهتمون بإضافة إصدارات محددة من ECMAScript، ولكن ميزات محددة، بمعنى أن المتصفح قد يدعم بعض الميزات من إصدار أحدث من ECMAScript، ولكن ليس جميعها، وذلك لأن مطوري المتصفحات بحاجة إلى تحقيق التوازن بين الحاجة إلى دعم الميزات الجديدة والحاجة إلى الحفاظ على التوافق مع المتصفحات القديمة. وتقريبًا جميع المتصفحات الحديثة ما زالت لا تدعم أحد ميزات الإصدارات ما بين ES2017 وحتى ES2020، وأيضًا ما زال العمل جاري على إضافة بعض ميزات ES6. والجدير بالذكر أنك كمبرمج تفعل المثل، فأنت لا تستخدم إصدارات جافاسكريبت بل الميزات الجديدة، وتعتمد على أداة مثل Babel من أجل تنفيذ عملية الـ Polyfills وtranspiling.
- 4 اجابة
-
- 1
-
عليك إنشاء قاعدة البيانات على MongoDB Atlas وبناء Cluster وتعيين اسم مستخدم وكلمة مرور ستحصل على رابط للإتصال، وعليك أن تضع ذلك في ملف .env في مشروع وكافة متغيرات البيئة اللازمة. والآن أثناء نشر مشروعك على Vercel عليك تحديد متغيرات البيئة كما كتبتها في ملف .env أي كتابة مثلاً MONGODB_URL كالتالي: أي وضع الاسم ثم القيمة الخاصة بذلك المتغير. وبعد الإنتهاء من إضافة كافة المتغيرات عليك الضغط على deploy، وفي حال كان هناك مشروع منشور بالفعل، تستطيع الوصول لمتغيرات البيئة من خلال إعدادات المشروع settings ثم environment variables ثم إضافة المتغيرات وتأكد من تفعيل Automatically expose system environment variables.
- 3 اجابة
-
- 1
-
أولاً عليك حذف الملفات المؤقتة من خلال الأمر التالي: npm cache clean --force ثم التأكد من تثبيت npm عن طريق الأمر التالي: npm install -g npm ثم التأكد من ذلك عن طريق الأمر: npm -v في حال استمرار المشكلة أرجو تثبيت node.js من جديد من خلال الرابط التالي: https://nodejs.org/dist/v18.18.1/node-v18.18.1-x64.msi وفي حال وجود أية مشكلة أخرى أرجو التعليق أسفل فيديو الدورة لمساعدتك بشكل أفضل، وطرح الأسئلة العامة هنا.
-
المطلوب هو الرسم من خلال استخدام النص كمادة للرسم أي Textures، وذلك باستخدام نص عربي أو إنجليزي، عليك إنشاء ريشة نصية خاصة بك بناءًا على ما تعلمتيه، واستخدامها لرسم صورة تختاريها من موقع unsplash وتسليم المشروع على هيئة ملف PSD مع الطبقات الخاصة بالتصميم. كنقطة بداية عليك البحث عن textual portrait على اليوتيوب وستجدي شروحات توضح ذلك كالتالي:
-
عليك إرسال البيانات بشكل صحيح في الواجهة الأمامية من خلال axios كالتالي: await axios.post(REGISTER_URL, { name: name, email: email, password: password, confPassword: confPassword, }); بدلاً من: await axios.post(REGISTER_URL,name,email,password,confPassword).then(res=>{ console.log("ok"); })
- 2 اجابة
-
- 1
-
ما تريده هو أن تصبح مطور ميتافيرس Metaverse developer وليس إنشاء الميتافيرس نفسها، ومطور هنا بمعنى أنك ستقوم بإنشاء محتوى لذلك العالم الإفتراضي وتعمل على برمجته وتطويره وأيضًا تصميم محتوى ثلاثي الأبعاد 3D models وذلك من أجل عرض ذلك المحتوى من خلال نظارات AR, VR. لذلك ستحتاج إلى لغة بايثون وC# وC++ من أجل التطوير للـ VR، وفي حال كنت ستعمل بمفردك فعليك تعلم كيفية تصميم نماذج الـ 3D وأيضًا التصميم بشكل عام. أيضًا عليك معرفة JavaScript وHTML, CSS لإنشاء تجارب الواقع الافتراضي والواقع المعزز على شبكة الإنترنت، بجانب BabylonJS وthree.js أي أن اللغة تعتمد على المنصة التي ستعمل على التطوير من أجلها. والنماذج ثلاثية الأبعاد والرسومات والأصوات تتم من خلال Blender أو Unity أوUnreal Engine. بالإضافة إلى البرمجة، هناك جوانب أخرى مهمة للميتافيرس ولكن تحتاج مستوى متقدم، مثل: الرياضيات من أجل إنشاء بنية ووظائف الميتافيرس، مثل أنظمة التوجيه والحركة والواقع الافتراضي والواقع المعزز. الفيزياء لإنشاء تجارب واقعية للمتجهات، مثل الحركة والتفاعل والتصادم. الذكاء الاصطناعي لتوفير تجارب واقعية للمتجهات، مثل الذكاء الاصطناعي للشخصيات والتفاعلات.
- 4 اجابة
-
- 1
-
الأهمية تكمن في أنها تمثل الأساس الذي يتم بناء تطبيقات تعلم الآلة عليه، فالخوارزميات هي خطوات محددة يتم اتباعها لحل مشكلة ما، بينما هياكل البيانات هي طرق لتنظيم البيانات وتخزينها. أي أن الخوارزميات هي الأساس الذي يتم بناء تطبيقات تعلم الآلة عليه، حيث تحدد كيفية عمل النموذج وكيفية معالجة البيانات، وهناك العديد من أنواع الخوارزميات المختلفة المستخدمة في تعلم الآلة، لكل منها خصائصها واستخداماتها الخاصة. ومن الأمثلة على الخوارزميات المستخدمة في تعلم الآلة: خوارزميات التعلم الخاضع للإشراف، وتستخدم تلك الخوارزميات بيانات مصنفة لتدريب النموذج على كيفية التنبؤ بقيمة أو فئة معينة. خوارزميات التعلم غير الخاضع للإشراف وتستخدم بيانات غير مصنفة لاكتشاف الأنماط والعلاقات في البيانات. خوارزميات التعلم العميق وتعتمد على شبكات عصبية اصطناعية لتعلم تمثيلات معقدة للبيانات. بينما هياكل البيانات تحدد كيفية تخزين البيانات وتنظيمها ، ويتوافر العديد من أنواع هياكل البيانات المختلفة المستخدمة في تعلم الآلة، لكل منها خصائصها واستخداماتها الخاصة. ومن الأمثلة على ذلك: القوائم: لتخزين البيانات في تسلسل. المصفوفات: لتخزين البيانات في صفوف وأعمدة. الأشجار: لتخزين البيانات في هيكل هرمي. الرسوم البيانية: لتخزين البيانات في شكل شبكة من العقد. لذلك تعلم الخوارزميات وهياكل البيانات تكمن فائدته في تحسين كفاءة تطبيقات تعلم الآلة عن طريق تقليل وقت الحساب والمساحة المطلوبة لتخزين البيانات، أيضًا تحسين دقة تطبيقات تعلم الآلة عن طريق تحسين كيفية معالجة البيانات، وتوسيع نطاق تطبيقات تعلم الآلة عن طريق جعلها أكثر قابلية للتطبيق على مجموعة متنوعة من البيانات والمهام.
- 3 اجابة
-
- 1
-
لا أنصحك بالتوقف عن مسار أساسيات React، فكما هو مذكور من عنوان المسار "أساسيات React" وسيتم تنفيذ مشروع بسيط في ذلك المسار، بينما المشاريع الحقيقية تأتي بعد ذلك. ومن الأفضل دراسة الجزء الخاص بتنفيذ الواجهة الأمامية من المشروع فقط، وبخصوص عملية تسجيل الدخول والحصول على بيانات، يمكنك استخدام منصة مثل Firebase أو Supabase كواجهة خلفية وتعلم Firebase سيطعيك ميزة جيدة في سوق العمل في حال أردت أن تصبح مطور Front-End فقط، بينما Supabase أسهل في التعلم والاستخدام إذا أردت تعلم Node.js فيما بعد. وستجد شرح لـ Supabase وFirebase هنا: وإذا أردت نصيحتي عليك أن تصبح Full-Stack إذا أردت دخول سوق العمل بسرعة حيث أن وظائف React تتطلب سنة خبرة على الأقل، أي من الأفضل دراسة node.js أيضًا في الدورة، وتستطيع التأكد من ذلك في مواقع التوظيف من خلال تفقد الخبرة المطلوبة.
- 3 اجابة
-
- 1
-
هناك طريقة لعمل داش بورد في Google Sheets بحيث لا تظهر الصيغ في التقرير النهائي من خلال وظيفة FILTER لإنشاء داش بورد يعرض فقط البيانات المحددة. فلو كان لديك جدول بيانات يحتوي على بيانات المبيعات، عليك استخدام الصيغة التالية لإنشاء داش بورد يعرض فقط البيانات من شهر معين: =FILTER(A2:B,MONTH(A2)=1) وذلك من أجل عرض البيانات فقط من الصف الثاني إلى الصف الأخير من جدول البيانات، حيث يكون التاريخ في العمود A هو 1 (يناير). وتستطيعي استخدام نفس الطريقة لإنشاء داش بورد يعرض البيانات حسب المنطقة أو نوع المصروفن، ولنفترض أن هناك عمود باسم "المنطقة" يحتوي على أسماء المناطق، فعليك استخدام الصيغة التالية لإنشاء داش بورد يعرض فقط البيانات من منطقة معينة: =FILTER(A2:B,C2="الرياض") لعرض البيانات فقط من الصف الثاني إلى الصف الأخير من جدول البيانات، حيث يكون اسم المنطقة في العمود C هو "الرياض". خطوات إنشاء داش بورد في Google Sheets بحيث لا تظهر الصيغ في التقرير النهائي: افتحي جدول البيانات الذي تريد استخدامه كقاعدة بيانات. أضيفي عمودًا جديدًا باسم "العرض". في خلايا العمود "العرض"، أدخلي الصيغة التي تريدين استخدامها لتصفية البيانات. حددي الخلايا التي تريدين تضمينها في التقرير النهائي. انقري فوق تنسيق > تنسيق البيانات > تنسيق خلية. في علامة التبويب تنسيق، حددي تنسيق نص. في علامة التبويب تنسيق، حددي خيارات. حددي خانة الاختيار إخفاء الصيغ. انقري فوق موافق. والنتيجة هي إخفاء الصيغ من الخلايا التي حددتها. ولإنشاء قائمة منسدلة في Google Sheets، هناك وظيفة QUERY، ففي حال وجود عمود باسم "المشاريع" يحتوي على أسماء المشاريع، يمكنك استخدام الصيغة التالية لإنشاء قائمة منسدلة: =QUERY(A2:A,"SELECT DISTINCT A",1) والهدف هو إنشاء قائمة منسدلة تحتوي على جميع القيم الفريدة في العمود "المشاريع"، ومن الممكن الإعتماد على نفس الطريقة لإنشاء قائمة منسدلة حسب المنطقة أو نوع المصروف. وإليك خطوات إنشاء قائمة منسدلة في Google Sheets: افتحي جدول البيانات الذي تريدين استخدامه. أضيفي عمودًا جديدًا باسم "القائمة المنسدلة". في الخلية الأولى من العمود "القائمة المنسدلة"، أدخلي الصيغة التي تريدين استخدامها لإنشاء القائمة المنسدلة. حددي الخلية التي تحتوي على الصيغة. انقري فوق تنسيق > تنسيق البيانات > تنسيق خلية. في علامة التبويب تنسيق، حددي تنسيق قائمة. في علامة التبويب تنسيق، حددي خيارات. حددي خانة الاختيار إظهار القائمة المنسدلة. انقري فوق موافق.
-
إذا كان المقصود دورة دورة تطوير التطبيقات باستخدام لغة JavaScript فيتم دراسة تطوير المشاريع بدايًة من الواجهة الأمامية عن طريق React ثم إنشاء الواجهة الخلفية عن طريق Node.js. ولكن لدراسة أساسيات الواجهة الأمامية عليك دراسة المسار الأول من دورة تطوير واجهات المستخدم حيث أن المسار الأول من جميع الدورات متاح لك. أما إذا كنت تتحدثين عن دورة علوم الحاسب فلا يتم دراسة الواجهة الأمامية هنا بل أساسيات البرمجة فقط.