اذهب إلى المحتوى
حول شغفك لإبداع حقيقي مع دورة تطوير الألعاب. اشترك الآن ×

Adnane Kadri

الأعضاء
 عرض الملف الشخصي  تصفح المحتوى

  • المساهمات

    5196

  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    52

 نوع المحتوى 

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو Adnane Kadri

  1. Adnane Kadri
    المشكلة في الكود الخاص بك تكمن في السطر التالي: await post.remove; فبدلا من استخدام remove كخاصية سيجب عليك استعمالها كتابع: await post.remove(); احفظ الملف ثم انظر ما تم ذلك.
  2. Adnane Kadri
    الطريقة الأبسط لذلك هي عن طريق: فك ضغط الملف في مجلد htdocs الكائن بمجلد xampp في قرص C (انتبه إلى أن ذلك يقتضي أن يكون xampp مثبتا لديك). قم بفتح لوحة تحكم xampp وقم بتفعيل apache و mysql. الآن قم بالتصفح عبر المتصفح إلى: localhost/العالمي
  3. Adnane Kadri
    بغض النظر عن المحتوى الداخلي للشريحة إلا أن فكرة عارض الشرائح غالبا ما تكون مماثلة لبعضها، وفيما يلي بعض الخطوات العامة لها: قم بإعداد هيكلة عارض الشرائح بشكل مناسب، بحيث يتموضع عدد من الشرائح داخل حاوية واحدة. قم بإضفاء التنسيقات المناسبة وأعط الحاوية وكل عنصر شريحة تنسيقا مناسبا، ونفس الشيء بطبيعة الحال بالنسبة لأزرار Next و Prev. قم بإضافة أحداث جافاسكربت اللازمة، فعند الضغط على Next يتم المرور الى الشريحة التالية بناءا على فهرس الشريحة وترتيبها. والأمر ذاته بالنسبة لزر Prev - طبعا فإنه يمكنك التحكم في طريقة المرور لهاته الشريحة، فقد يكون انزلاقا ببعض تنسيقات css أو الأبسط تماما: اظهار الشريحة المفعلة واخفاء كل ما هو دونها. مثال: <!DOCTYPE html> <html> <head> <style> .slide { display: none; } </style> </head> <body> <div class="slide">Slide 1 - Video 1</div> <div class="slide">Slide 2 - Video 2</div> <button id="prev">Previous</button> <button id="next">Next</button> <script> let currentSlide = 0; const slides = document.querySelectorAll('.slide'); function showSlide(n) { slides[currentSlide].style.display = 'none'; currentSlide = (n + slides.length) % slides.length; slides[currentSlide].style.display = 'block'; } document.getElementById('prev').addEventListener('click', () => showSlide(currentSlide - 1)); document.getElementById('next').addEventListener('click', () => showSlide(currentSlide + 1)); showSlide(currentSlide); </script> </body> </html>
  4. Adnane Kadri
    وعليكم السلام، نعم، يمكنك بطبيعة الحال إنشاء موقع ووردبريس دون الحاجة إلى الإضافات المدفوعة أو برمجة مخصصة. اذ أن ووردبريس يأتي مع العديد من الميزات والقوالب المجانية التي يمكن تخصيصها واستخدامها لبناء معظم أنواع المواقع. هذا يتطلب فقط معرفة جيدة بإدارة المحتوى والتخصيص ومعرفة واسعة بالاضافات الجيدة والشائع استعمالها. بخصوص مصادر وكتب لاحتراف وتعلم ووردبريس نذكر مثلا: هنا بعض المصادر والكتب التي يمكن أن تساعدك في احتراف ووردبريس: الموقع الرسمي WordPress.org: يحتوي على مستندات وأدلة مفصلة حول كيفية استخدام وتخصيص ووردبريس. مدونة WPBeginner: توفر مقالات وشروحات مفصلة حول مواضيع متعددة في ووردبريس. الكورسات المنشورة على Udemy و Coursera: تحتوي على دورات عبر الإنترنت حول تطوير ووردبريس وتخصيصه. المقالات المنشورة على أكاديمية حسوب.
  5. Adnane Kadri
    مرحبا أحمد، ليس بالضرورة، فالاختبار يكون بصورة أشمل ليتم اختبارك في مواد علمية مختلفة تم التطرق إليها في الدورة، وقد لا يكون ذلك بالضرورة عن لغة برمجية واحدة. يجب التأكد أولا من استيفاء الطالب لشروط الامتحان والحصول على الشهادة وهي: إتمام أربعة مسارات تعليمية على الأقل من الدورة التطبيق العملي مع المدرب، والاحتفاظ بالمشاريع العملية الناتجة لإرسالها للمراجعة رفع المشاريع على حسابك على GitHub بعد ذلك، يجب على الطالب مراسلة فريق الدعم وابداء نيته باجتياز الاختبار. أين سيتم تحديد موعد للطالب لإجراء محادثة صوتية لمدة 30 دقيقة يتم فيها مناقشة ما تم التعرض له خلال الدورة بجانب امتحانه وسؤاله أسئلة متفرقة عن الدورة. بعد هذا، سيتم تحديد مشروع تخرج مرتبط بما تعلمه يقوم به الطالب خلال فترة محددة. سيتم بعد تقديم المشروع، مراجعته وارشاد الطالب الى أماكن القصور أو تقديم الشهادة له والتخرج ببساطة. يمكنك الإطلاع أكثر على تفاصيل الامتحان والحصول على الشهادة من هنا.
  6. Adnane Kadri
    كلتاهما مقاربة لإنشاء الكائنات في جافاسكربت، Constructor Function (دالة البناء): هي الطريقة التقليدية لإنشاء الكائنات في جافاسكربت، ويتم ذلك عن طريق استنساخ كائن من فئة معينة بوساطة الكلمة المفتاحية new، مثال: function Person(name, age) { this.name = name; this.age = age; } const person1 = new Person('Ahmed', 30); الكائن person1 هاهنا هو كائن عن الصنف Person، تم إنشاء بوساطة دالة البناء. Factory Function (دالة الصانع): هي في الأصل نمط تصميم يستخدم لإنشاء الكائنات، فهي مجرد دالة عادية تقوم بإعادة كائن في النهاية، ولا تعتمد على الطريقة التقليدية لاستنساخ كائن من الفئة. مثال: function createPerson(name, age) { return { name, age, someMethod() { console.log(`مرحبًا، اسمي ${this.name} وأنا عمري ${this.age} عامًا.`); } }; } const person2 = createPerson('Ahmed', 30); الفروقات الرئيسية بينهما هي ببساطة: أن دالة البناء مرتبطة بالفئات وعملية إنشاء الكائنات، بينما دالة الصانع ليست مرتبطة بالفئات وتركز على إنشاء الكائنات بتكوينات محددة. دالة البناء تستخدم الكلمة الرئيسية new، بينما يمكن استدعاء دالة الصانع مثل دوال عادية لإنشاء وإرجاع الكائنات. دالة الصانع يمكنها إرجاع تكوينات مختلفة للكائن استنادا إلى معلمات الإدخال، مما يجعلها أكثر مرونة. فقد يمكن تصيير تابع معين مثلا بشكل شرطي بحسب قيمة معامل ما.
  7. Adnane Kadri
    يمكنك تحليل هاته المعطيات إلى نماذج البيانات التالية: موظف / مستخدم Employee / User. منطقة Region. محافظة Governorate. مجمع سكني City. وحدة سكنية Apartment. قم بتشغيل الأوامر التالية تباعا لتكوين نماذج بيانات Models وملفات تهجير migration files لكل انموذج بيانات: php artisan make:model Employee -m php artisan make:model Region -m php artisan make:model Governorate -m php artisan make:model City -m php artisan make:model Apartment -m قم بإضافة الحقول اللازمة لكل ملف تهجير مرافق لأنموذج بيانات معين. قم بحقن بيانات اتصال صحيحة بقاعدة البيانات في ملف متغيرات البيئة env. ثم نفذ عملية التهجير: php artisan migrate قد تحتاج كخطوة اضافية توصيف العلاقات بين البيانات، الأمر الذي يتم بوساطة المفاتيح الأجنبية FK التي تشير إلى صفوف في جداول أخرى، مثال: لنقل أن كل منطقة تمتلك الكثير من المحافظات، وكل محافظة بدورها تمتلك الكثيرر من المجمعات السكنية، وكل مجمع سكنية يحتوي عددا من الوحدات السكنية .. هذا يقتضي: وجود مفتاح أجنبي region_id يميز المنطقة في جدول المحافظات. وجود مفتاح أجنبي governorate_id يميز المحافظة في جدول المجمعات السكنية. وجود مفتاح أجنبي city_id يميز المجمع السكني في جدول الوحدات السكنية. وهذا كأنموذج قاعدة بيانات أولي .. يمكنك تطويره والتحسين فيه بحسب حاجتك .. مثلما يمكنك التغاضي عن انموذج بيانات الموظف Employee في حال ما اردت استخدام الانموذج User الذي يأتي مع تطبيق لارافيل بشكل افتراضي.
  8. Adnane Kadri
    أي مواقع عينة ينطبق عليها هذا، فهي مواقع يمكن عمل أو عمل مقاربات لها على أنها تدريب عملي. سواءا كنت تقوم بذلك بوساطة PHP أو بايثون أو غيرهما .. أما ان كنت تقصد بعض المصادر الإضافية التي تخص بايثون غرض التدريب والممارسة في هاته اللغة حصرا، فيمكنك الاستعانة بواحدة أو اكثر من التالي: Django Project's Website Real Python Django for Beginners DjangoGirls
  9. Adnane Kadri
    مرحبا مصطفى، هنيئا لك بإكمال الدورة، الخطوة التالية بعد الانتهاء من الدورة هي الإمتحان والحصول على الشهادة، ولهذا شروط هي: إتمام أربعة مسارات تعليمية على الأقل التطبيق العملي مع المدرب، والاحتفاظ بالمشاريع العملية الناتجة لإرسالها للمراجعة رفع المشاريع على حسابك على GitHub بعد التأكد من استيفاء الشروط سوف تحتاج التواصل مع فريق الدعم من خلال مركز مساعدة أكاديمية حسوب ، سوف يتم اجراء محادثة صوتية معك ثم امتحانك ببساطة. اطلع أكثر على الامتحان والحصول على الشهادة.
  10. Adnane Kadri
    عملية التعلم يجب أن تتبع خطوطا عريضة ومراحل واضحة، ومثل هذا الشيء لا يمكن أن يتضح لك إلا من خلال معلم أو دليل يخبرك ما الخطوة الحالية وما هي متطلباتها وما الخطوة التالية لعملها أو تعلمها أو تطبيقها. ولذلك سوف تحتاج اتباع كورس أو دورة منظمة وممنهجة لكي يسعك دخول المجال الذي تجد أنك مهتم به. وهذا بشكل أساسي، فيما يلي بعض النصائح الجانبية التي تعينك في ذلك: التزم بـالاستمرارية طور مهارتي المرونة والصبر لديك ولا تستعجل العملية التدريب والممارسة العملية انخرط في المجتمعات البرمجية للاستزادة، يمكنك الإطلاع على المقالة التفصيلية التالية:
  11. Adnane Kadri
    أهمية الشهادة CS50 تعتمد على أهدافك الشخصية ومجال عملك والمجال الذي تستمد منه هاته الأهمية. فمن ناحية أنها تأسيس قوي فهي مهمة بطبيعة الحال، فهي تمنحك فهما قويا لأساسيات علوم الحاسب من مثل البرمجة وهياكل البيانات والخوارزميات. أما من ناحية دفعك إلى تعلم المزيد فهي أيضا كذلك. هذا بجانب المساهمة في سيرتك الذاتية، فقد تكون الشهادة مفيدة عند التقديم للوظائف أو الانضمام إلى برامج دراسات عليا. فهي تظهر الاستثمار في التعليم والتطوير المستمر بإيجابية على سيرتك الذاتية. ولذلك، فهي لا تقل أهمية عن أي شهادة أخرى مكافئة خصوصا لشهرتها، تأهيلا وتأسيسا وشهادة.
  12. Adnane Kadri
    اقتراح جميل، لربما يتم العمل على ذلك مستقبلا. حاليا، يمكنك التوصل إلى العديد من الطلبة عبر مجتمعات حسوب I/O فالكثير منهم يتواجد أو ينشط هنالك. يمكنك أيضا طرح انشغالاتك هنا في أقسام مختلفة من أقسام الأسئلة العامة، ستجد الكثير من الطلبة يشاركونك نفس الأفكار أو الاهتمامات.
  13. Adnane Kadri
    قد لا يكون تعلم بايثون وحده كافيا لعمل تطبيقات فعالة في مجال معين، فأنت ستحتاج بجانب ذلك الإحاطة ببعض أساسيات التعامل مع قواعد البيانات و اطار عمل في المجال المستهدف، بجانب بعض أساسيات المجال الذي تستهدفه. مثال: ان كنت تنوي تطوير تطبيقك على الويب، فأنت ستحتاج الإلمام بأساسيات تطوير الواجهات الأمامية. ان كان سؤالك بخصوص دورة تطوير التطبيقات باستخدام لغة بايثون، فالإجابة هي نعم. يتم اعتبار كل هاته النقاط في الدورة، ويتم تعليم الطلبة كل الجزئيات الاضافية التي يحتاجونها، وبذلك يتم تأسيس الطلبة في مجالات مختلفة تمكنهم من بناء تطبيقات فعالة في هاته المجالات. يذكر أن دورة تطوير التطبيقات باستخدام لغة بايثون تتوفر على المسارات التالية: أساسيات لغة بايثون تطبيقات عملية باستخدام بايثون أساسيات إطار العمل جانغو تطوير متجر إلكتروني باستخدام جانغو تطوير واجهة برمجية لتعديل الصور باستخدام فلاسك تطوير تطبيقات أودو بناء مدونة باستخدام فلاسك تحليل البيانات أساسيات تعلم الآلة Machine Learning يمكنك الإطلاع أكثر عنها من خلال: الرابط
  14. Adnane Kadri
    قم بربط ذلك مع عملية التسجيل، نفذ شيفرة ارسال البريد بعد شيفرة تسجيل مستخدم جديد وتوليد رمز token له.
  15. Adnane Kadri
    فكرة تأكيد الإيميل في مضمونها هي فكرة بسيطة ولا تحتاج إلا تطبيقا عمليا صحيحا وتكاملا بين مختلف مكونات التطبيق بصورة صحيحة. فيما يلي الخطوات العامة لذلك: في جدول المستخدمين أضف حقلا/عمودا يحمل قيمة بوليانية Boolean تعبر عما ان كان المستخدم حاليا قد قام بتأكيد عنوان بريده الإلكتروني أو لا. ولتكن email_is_verified وتحمل القيمة false بشكل افتراضي. يضاف أيضا حقل/عمود يحمل سلسلة نصية تعبر عن كود التفعيل الخاص بالمستخدم وليكن email_verification_token. في كل تسجيل جديد سوف يتم تعيين قيمة email_is_verified بـ false، كما يتم توليد سلسلة نصية عشوائية تعبر عن كود التفعيل. في كل تسجيل جديد يتم ارسال رسالة الى البريد الالكتروني في عنوان البريد المرفق، بحيث تحمل زرا يقوم بإعادة التوجيه إلى التطبيق حاملا قيمة رمز token كمعامل query param مثال: https://yourdomain.co/email/verify?token=PUT_TOKEN_HERE طبعا فإن الهيكلة الموافقة يتم بناءها وارسالها كرسالة HTML الى عنوان المستخدم. يقوم التطبيق بالمسار السابق بفحص قيمة token المرسلة في الطلب والتأكد مما ان كانت مطابقة لقيمة token المسجلة في قاعدة البيانات. في حال كان ذلك، يتم تأكيد عنوان المستخدم، وفي حال لم يكن يتم اخبار المستخدم بذلك. بين كل هذا وذاك، يجب بطبيعة الحال تقييد الوصول إلى بعض ميزات التطبيق للمستخدمين الذين لم يقوموا بتفعيل عناوين البريد الالكتروني الخاص بهم. وهي لا تكلف أي مال بطبيعة الحال، عدى تكاليف الاستضافة.
  16. Adnane Kadri
    بغض النظر عن المهمة او التوقيت المرتبط بعرض الاشعار، يمكنك استعمال واجهة Notification في جافاسكربت لإرسال إشعارات سطح المكتب في التطبيق. فيما يلي مثال فعال عن كيفية القيام بذلك: function notifyMe() { if (!("Notification" in window)) { // التحقق مما ان كان المتصفح يدعم الاشعارات alert("هذا المتصفح لا يدعم الاشعارات"); } else if (Notification.permission === "granted") { // التحقق مما ان كان قد تم منح قبول دفع الاشعارات من قبل // في حال ما كان ذلك const notification = new Notification("مرحبا"); } else if (Notification.permission !== "denied") { // طلب عرض الاشعارات Notification.requestPermission().then((permission) => { // في حالة القبول ارسال اشعار if (permission === "granted") { const notification = new Notification("مرحبا"); } }); } } يمكن استخدام هذا المثال بعفالية أكبر من خلال استعماله في سياق مناسب، مثل الذي ذكرته.
  17. Adnane Kadri
    لا يبدوا بالرابط المرفق أي مشكلة، يتم ارسال رد بشكل جيسون بشكل عادي تماما. يرجح أن هنالك مشكلة بالتعامل مع الرد من خلال شيفرة PHP لديك، قد يكون هنالك حاجة إلى استخدام json_decode لتحليل كائن جيسون واستخراج التواقيت المرادة، فيما يلي مثال عن كيفية ذلك بصورة صحيحة: <?php $endpoint = 'https://api.aladhan.com/v1/calendarByCity/2017/4?city=London&country=United'; $response = file_get_contents($endpoint); $data = json_decode($response, true); foreach ($data['data'] as $day) { $date = $day['date']['gregorian']['date']; $prayerTimes = $day['timings']; echo "تاريخ: $date <br>"; echo "مواقيت الصلاة:<br>"; foreach ($prayerTimes as $name => $time) { echo "$name: $time<br>"; } echo "<br>"; } يتم هاهنا استعرض مختلف تواقيت الآذان لسنة 2017 في المدينة المستدفة والبلد المستهدفة,
  18. Adnane Kadri
    ضمن كل فيديو من الدورة يوجد هنالك قسم كامل لإنشغالات الطلبة وأسئلتهم والمشاكل التي يواجهونها. قم بالنزول أسفل الفيديو وستلحظ وجود قسم بعنوان "قسم تعليقات الطلبة"، أسفل الصفحة تماما سوف يكون هنالك نموذج يمكنك من عليه كتابة تعليقك واضافته. رغم هذا إلا أن تعليقك لن يظهر فهو لا يزال يحتاج موافقة احد المشرفين والمدربين. بطبيعة الحال، سوف ينتبه المشرفون إليه وسيتهمون بتقديم المساعدة لك في اللحظة. يمكنك الإطلاع عن تفاصيل ذلك وأكثر في قاعدة المعرفة > الدورات > كيف أتواصل مع المدرّبين.
  19. Adnane Kadri
    هنالك خلط قليلا في التعامل مع الوعود Promises في الشيفرة الخاصة بك، فأنت تقوم باستقبال عائد الطلب دون إعادته كخرج للدالة. لا داعي من عبارة then في الشيفرة الأولى، قم بتعديل الشيفرة الخاصة بك لتكون على نحو: let getPost = async (id) => { let res = await axios.get(baseURL + '/posts/' + id) return res.data.data } const viewAllComments = async (id) => { let posts = await getPost(id) console.log(posts) } viewAllComments(99)
  20. Adnane Kadri
    يمكنك الاستعانة بـ netlify كحل سريع، يوجد أيضا استضافات تقدم خدمات او خطط مجانية من مثل: Render Fly.io Railway Glitch بخصوص الاستضافات المدفوعة، لعل الأكثر شيوعا حاليا هي منصة Digital Ocean. بحيث تقوم بإدارة البنية التحتية الخاصة بتطبيقك (اعتماديات نود) وتشغيل التطبيق على الخادم، يوجد أيضا: استضافة بلوهوست Bluehost استضافة هوست قيتر Hostgator هوستنجر Hostinger A2 Hosting
  21. Adnane Kadri
    مرحبا زياد، سعيدون بتأثير الأكاديمية على درجاتك العلمية وعلى مستواك في المجال، سيدفع هذا القائمين على الأكاديمية إلى بذل المزيد في سبيل الطلبة والمحتوى العربي. بخصوص التقنيات الجديدة، فهي مضمنة بالفعل ويتم تحديث المحتوى الرقمي في الأكاديمية بما في ذلك الدورات بشكل دوري ودائم. فمكتبة رياكت مثلا يتم التعرض لها في مسارات عديدة من دورة تطوير التطبيقات باستخدام جافاسكربت. اذ تتوفر على: 40 درس تأسيسي في أساسيات رياكت بإجمالي ثلاث ساعات وربع. 64 درس يتم فيها بناء تطبيق دردشة يشبه whatsapp باستخدام React و NodeJS و socketIo. 49 درس آخر يتم فيها التطرق لواحد من أشهر أطر عمل رياكت هو إطار NextJs فضلا عن التحديثات التي شملت التعامل مع تقنيات الذكاء الصناعي من قبل OpenAI في تطبيقات NextJS.
  22. Adnane Kadri
    المشكلة تكمن في استدعاءك للتابع listen، أصلح السياق التالي: app().listen(3000 ليصبح: app.listen(3000 ثم أعد تشغيل الخادم.
  23. Adnane Kadri
    إليك أوجه الفرق بشكل مبسط: هندسة البرمجيات (Software Engineering): تهتم بصورة أولى بتصميم وتطوير البرمجيات بشكل هندسي ومنهجي. والهدف الأساسي هو إنتاج برمجيات ذات جودة عالية وقابلة للصيانة. المهندسون البرمجيون يعملون على تطوير البرمجيات والتحكم في العمليات الهندسية للتطوير والصيانة. وتتضمن المهارات في تصميم البرمجيات، وتطوير البرمجيات، وإدارة المشاريع البرمجية، واختبار البرمجيات وما نحوها من مهارات. علوم الحاسب الآلي (Computer Science): تركز علوم الحاسب الآلي على دراسة النظريات والمفاهيم والأسس التي تقف وراء علم الحاسب والبرمجة. تتضمن دراسة الألغام المعلوماتية والتطبيقات الحاسوبية. علماء الحاسب يقومون بالبحث والتطوير ودراسة النظريات الحاسوبية والعمليات الحاسوبية. تشمل المهارات الرياضيات، والبرمجة، والتحليل الحاسوبي، والذكاء الاصطناعي. تكنولوجيا المعلومات (Information Technology): تركز على تقديم ودعم حلول تكنولوجيا المعلومات وأنظمة تكنولوجيا المعلومات لتلبية احتياجات الأعمال. محترفو تكنولوجيا المعلومات يديرون ويدعمون أنظمة المعلومات والشبكات ويقومون بتحليل احتياجات الأعمال وتقديم حلول تكنولوجيا المعلومات. تتضمن مهارات الإدارة، والتشغيل، وتكنولوجيا المعلومات، والأمن السيبراني.
  24. Adnane Kadri
    مثلما يتضح وفق رسالة الخطأ فإن الدالة التي تحاول تمرير مخرجات الدالة sum عبرها غير معرفة، يرجح أنك نسيت تعريفها أساسا أو تقوم بذلك بشكل خاطئ. قم أولا بتصريح هاته الدالة: function printNumper(input){ console.log(input) } ثم سيسعك استعمالها لاحقا: function sum(f,s){ return s + f } printNumper(sum(2,4))
  25. Adnane Kadri
    يمكنك أيضا اضافة طبقة سوداء بحيث تتموضع بشكل نسبي داخل حاوية الصورة، فيكون: <div class="img-container"> <img src="path/to/your-image.png" /> <div class="overlay"></div> </div> و لتعطها التنسيقات التالية: .overlay{ position: absolute; top:0; right:0; height:100%; width:100%; } أيضا لا تنسى إعطاء الحاوية الوضعية relative .img-container{ position: relative; } بهذا الشكل سوف يمكن للحاوية أن تحتوي طبقة سوداء تجعل الخلفية أو الصورة أكثر تعتيما. طبعا يمكنك التحكم في موضع الصورة على المحور z باستخدام الخاصية z-index.
×
×
  • أضف...