ياسر مسكين

السلام عليكم ورحمة الله تعالى وبركاته، إن كنت تقصد الموسوعة الخاصة بأكاديمية حسوب أين تجد التوثيقات الرسمية لمختلف اللغات يمكنك الوصول إليها من هنا: https://wiki.hsoub.com/الصفحة_الرئيسية

وعليكم السلام ورحمة الله تعالى وبركاته، على حسب التخصص الذي ذكرته فأنا أنصحك بداية بالبدء بدورة لغة بايثون أولا والسبب بسيط ومهم فالذكاء الاصطناعي يعتمد بشكل شبه كامل على البرمجة، ولغة بايثون هي الأداة الأساسية في هذا المجال. لذا فإن الدخول مباشرة في دورة الذكاء الاصطناعي بدون فهم جيد للبرمجة سيجعلك تشعر بالضياع، لأنك لن تفهم ما الذي يحدث في الكود، ولن تستطيع تعديل أي نموذج أو التعامل مع البيانات بشكل فعّال. أما إذا بدأت ببايثون فستتمكن من بناء أساس قوي يجعلك تفهم كيف تبنى أنظمة الذكاء الاصطناعي، وستفهم المكتبات المشهورة مثل NumPy وPandas وScikit-Learn وTensorFlow عندما تصل إليها. يمكنك التفكير في بايثون على أنها لغة التخاطب مع الذكاء الاصطناعي فهل يعقل أن تدخل في نقاش مع خبير في الذكاء الاصطناعي وأنت لا تعرف لغته؟ قطعا لا. يمكنك الاطلاع على مميزات ومسارات دورة بايثون من هنا: https://academy.hsoub.com/learn/python-application-development/ وعلى مسارات ومميزات دورة الذكاء الاصطناعي أيضا من هنا: https://academy.hsoub.com/learn/artificial-intelligence/

الRouter هو عبارة عن نظام في Vue.js يتحكم في التنقل بين الصفحات دون إعادة تحميل الصفحة بالكامل يمكنك تخيله كخريطة طرق للتطبيق إليك هذا المثال: const router = new VueRouter({ routes: [ { path: '/', component: Home }, { path: '/about', component: About }, { path: '/contact', component: Contact } ] }) أما ال Route فهو مسار واحد أو صفحة واحدة في التطبيق وكل route يحتوي على: path: المسار في الرابط (مثل /home) component: المكوّن الذي سيظهر عند زيارة هذا المسار name: اسم اختياري للمسار إليك هذا المثال: { path: '/products', name: 'Products', component: ProductsPage } أما ال Options فهو عبارة عن هكائن يحتوي على جميع إعدادات ال router وأهمها: routes: وهو مصفوفة تحتوي على جميع المسارات mode: ويمثل نوع التنقل إما من خلال hash أو history base: وهو المسار الأساسي للتطبيق بالنسبةللشيفرة التي شاركتها: mounted(){ this.myRoutes = this.$router.options.routes } ف this.$router.options.routes يعطينا قائمة بجميع الطرق أو بالأحرى الصفحات الموجودة في الموقع فمثلا إذا كان عندنا صفحة رئيسية وصفحة "من نحن" وصفحة "اتصل بنا" ستحصل على قائمة بهذه الصفحات الثلاث. ونستخدمه عادة لإنشاء قائمة تنقل أوتوماتيكية، أو للتحقق من الصفحات الموجودة، أو لعرض خريطة الموقع والفكرة أننا نحصل على جميع المسارات المعرّفة في مكان واحد لنتعامل معها برمجيا. وللتوضيح أكثر فإن: mounted(): هي دالة تعمل بعد تحميل المكوّن بالكامل this.$router: نستخدمه للوصول لكائن ال router في المكوّن options: عبارة عن كائن الإعدادات الخاص بال router routes: مصفوفة جميع المسارات المعرّفة this.myRoutes: متغير في المكوّن نستخدمه لحفظ المسارات

السلام عليكم ورحمة الله تعالى وبركاته، من الرائع أن تمتلك شغفا كبيرا تجاه البرمجة فهذا المجال يحتاج إلى شغف وحب واجتهاد كي تستطيع الاستمرار فيه. وهذا الحماس يمكن أن يدفعك نحو تحقيق أهداف كبيرة في المجال، لكن قضاء 11 ساعة يوميا في تعلم البرمجة لا ينصح به بتاتا، فهو مبالغ فيه بعض الشيء أنصحك بتخصيص من ساعتين إلى 5 ساعات يوميا فليست العبرة في حجم الوقت الذي تقضيه أمام الشاشة بل في كمّ المعلومات التي تكتسبها وتقوم بالتطبيق عليها. كما أنّ نصف يومك تقريبا سيذهب إلى البرمجة وهذا يجعل من حياتك تقريبا غارقة في متاهة لا تستطيع الخروج منها. قضاء أوقات طويلة في البرمجة بالنسبة للمحترفين هو أمر قد نعتبره عاديا في حال كان هنالك مشاريع يجب تسليمها في وقتها أما في مرحلة التعلم فلا ينصح بهذا الوقت كله، ركز على التعلم والتطبيق خطوة بخطوة وحينما تتعب يمكنك الرجوع فيما بعد ثم المواصلة بطاقة وإيجابية أكبر. سأقترح عليك هاته المقالات والإجابات وستنفعك إن شاء الله: https://academy.hsoub.com/learn-programming/

السلام عليكم ورحم الله تعالى وبركاته، Debugger هو المصحّح في جافاسكريبت ومن اسمه يظهر لنا دوره فهو أداة نستخدمها لإيقاف تنفيذ الكود ولكن بشكل مؤقت حتى نتمكن من فحص ما يحدث داخل البرنامج خطوة بخطوة. يساعدنا على معرفة أين تحدث الأخطاء أو لماذا لا تعمل النتيجة كما نتوقع فعند كتابة الكلمة debugger داخل الكود، سيتوقف المتصفح عند هذا السطر بالطبع حينما تكون أدوات المطوّر مفتوحة وسنتمكن من رؤية القيم الحالية للمتغيرات والتنقّل بين السطور خطوة بخطوة وهذه الطريقة مفيدة جدا أفضل بكثير من استخدام console.log في كل مكان. إليك هذا المثال: function sayHello(name) { let message = "Hello, " + name; debugger; alert(message); } sayHello("Hsoub Academy"); هنا الكود سيتوقف عند debugger ويمكنك حينها أن ترى أن قيمة name هي: name = "Hsoub Academy" وقيمة message هي: message = "Hello, Hsoub Academy" وبعد ذلك يمكنك الاستمرار في تنفيذ الكود خطوة بخطوة لترى كيف يعمل وهذه طريقة مفيدة لفهم تدفق البرنامج وتصحيح الأخطاء بسهولة.

السلام عليكم ورحمة الله تعالى وبركاته، ستحتاج أولا إلى تحديد نوع البيانات التي تريد إرسالها، مثل بيانات تسجيل مستخدم أو معلومات منتج، ثم تحويلها إلى صيغة يمكن لدالة fetch أن تفهمها وعادة تكون JSON بداية تبدأ بإنشاء كائن JavaScript يمثل البيانات ليكن كالتالي: const myData = { name: "Student1", email: "student1@hsoub.com", age: 25 }; ثمّ تستخدم fetch لإرسال هذه البيانات إلى خادم (backend) باستخدام POST وداخل fetch تقوم بتحديد الرابط الذي ترسل إليه، ثم تضيف كائن الإعدادات الذي يحتوي على 'method: 'POST' وال headers المناسبة مثل: headers: { "Content-Type": "application/json" } وبعدها تمرر body وهو عبارة عن JSON.stringify(myData) لتحويل البيانات إلى نص بصيغة JSON ليكون في الأخير كالتالي: fetch("https://example.com/api/submit", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(myData) }) .then(response => response.json()) .then(data => { console.log("تم الإرسال بنجاح:", data); }) .catch(error => { console.error("حدث خطأ:", error); });

السلام عليكم ورحمة الله تعالى وبركاته، حينما ندخل لسوق العمل اليوم في مجال التكنولوجيا خاصة سنجد أن الشركات لا تبحث عن مجرد أشخاص يعرفون كيفية تشغيل الكود أو عمل نماذج بسيطة. فالواقع أعمق من ذلك بكثير ففي الذكاء الاصطناعي، المطلوب الآن هو فهم عميق لكيفية عمل الشبكات العصبية من الداخل وليس معرفة ال backpropagation وال gradient descent نظريا فقط، بل تطبيقيا حتى تستطيع عمل debug للنماذج عندما تفشل. ال transformers مثلا ليست مجرد مكتبة نقوم باستدعائها بل هي آلية معقدة من ال attention mechanisms التي تحتاج فهما عميقا لتخصيصها حسب المشكلة. وبناء أنظمة ال LLM الحقيقية يتطلب معرفة ب distributed training، وoptimization techniques، وmemory management، وليس مجرد fine-tuning نموذج جاهز. أما في علوم البيانات فالموضوع تطور كثيرا عن مجرد تحليل البيانات الوصفي والمطلوب اليوم هو statistical inference معقد، وcausal analysis، وexperimentation design فعندما تعمل في شركة حقيقية، لن تكون مهمتك عمل histogram جميل، بل ستحتاج لتصميم تجارب A/B testing معقدة مع multiple variants، وتحليل البيانات ال longitudinal، وفهم ال selection bias وال confounding variables. لكن الفرق الحقيقي يكمن في الخبرة المجالية العميقة فعندما تعمل في مجال البنوك مثلا ستحتاج لفهم ال risk management وال regulatory compliance، وفي الطب ستحتاج لمعرفة بال clinical trials وال FDA regulations. هذه المعرفة المتخصصة هي التي تجعل ال AI solutions فعالة حقا وليس مجرد تقنية للاستعراض فالشركات الآن تدرك أن التحدي الأكبر ليس تقنيا بل في فهم المشكلة التجارية وترجمتها لحل تقني قابل للتطبيق والقياس.

السلام عليكم ورحمة الله تعالى وبركاته، في Vue.js الحديثة سواء Vue 3 أو باستخدام Composition API،ال props هي الطريقة التي نستخدمها لتمرير البيانات من مكون أب (Parent) إلى مكون ابن (Child). وهذا يشبه إرسال برامترز لكي يستعملها المكون الابن والفكرة هنا أن المكون الأب يحدد القيم، والمكون الابن يستقبلها ويعرضها أو يستخدمها داخليا. ويتم تعريف props داخل المكون الابن، إما كمصفوفة من الأسماء أو ككائن لتحديد نوع البيانات المطلوبة. في Vue 3 يتم ذلك باستخدام <script setup>،وبذلك يصبح التعامل مع props أسهل وأبسط، ويتم تعريفها مباشرة باستخدام defineProps() هنا المكون الأب: <template> <ChildComponent name="hsoub" age="25" /> </template> <script setup> import ChildComponent from './ChildComponent.vue' </script> والمكون الإبن: <template> <div> <h2>الاسم: {{ name }}</h2> <p>العمر: {{ age }}</p> </div> </template> <script setup> const props = defineProps({ name: String, age: Number }) </script> لاحظ كيف أن ChildComponent يستقبل name و age من ParentComponent وهنا استخدمنا defineProps لتعريف الخصائص المتوقعة، وحددنا نوع كل خاصية وهذا يسهل قراءة الكود ويمنع كثير من الأخطاء ف props تجعل المكونات مرنة وقابلة لإعادة الاستخدام ومتماشية مع مبادئ البرمجة النظيفة.

السلام عليكم ورحمة الله تعالى وبركاته، من الأفضل الاطلاع على التوثيق الرسمي ل Vue js كي لا تغيب عنك أي معلومة رسمية متعلقة بهذه الدوال ومختلف التحدييات التي تطرأ عليها. بالنسبة لهذه الدوال التي أشرت إليها ففي Vue وخصوصا Vue 3 هناك ما يسمى بدورة حياة المكوّن (Component Lifecycle)، وهي سلسلة من المراحل يمر بها أي مكون Vue من لحظة إنشائه وحتى إزالته. وتسمح لك Vue بتنفيذ شيفرة في نقاط معينة أثناء هذه المراحل باستخدام دوال خاصة تسمى "Lifecycle Hooks" سأشرح لك كل دالة منها على حدى: beforeCreate تستدعى مباشرة بعد إنشاء المكون ولكن قبل تهيئة البيانات (data) وخصائص reactivity ولا يمكنك بعد الوصول إلى data أو methods أو props هنا كما أنها تستخدم في حالات نادرة جدا، مثل تسجيل الأحداث أو قراءة إعدادات خارجية. created تستدعى بعد تهيئة البيانات والخصائص التفاعلية ولكن قبل تركيب المكون في ال DOM يمكنك هنا استخدام البيانات (data) والوظائف (methods) وال props مثل جلب بيانات من API أو إعداد مؤقت (setInterval). beforeMount تستدعى قبل أن يرتبط المكون فعليا في الصفحة وغالبا لا تستخدم كثيرا، ولكن يمكنك فيها تنفيذ شيفرة قبل عرض العنصر في الصفحة مثل تعديل شيء قبل أن يراه المستخدم. mounted وتستدعى عندما يركب المكون بشكل كامل في الصفحة ولآن يمكن التفاعل مع عناصر DOM مثل التعديل عليها أو استخدام مكتبات تتطلب وجود العنصر فعليا مثل تهيئة مكتبة خارجية مثل خريطة أو تقويم. beforeUpdate تستدعى عندما يحدث تغيير في البيانات وقبل أن تُحدث Vue التغييرات على DOM وهي جد مفيدة إن كنت تحتاج إلى اتخاذ إجراء قبل تحديث العنصر، مثل حفظ القيمة القديمة. updated وتستدعى بعد انتهاء التحديث في DOM نتيجة لتغير البيانات كما أنها جد مفيدة للتعامل مع DOM بعد التحديث، أو مقارنة الحالة الجديدة مع القديمة. beforeUnmount تستدعى قبل إزالة المكون من الصفحة كما يمكنك فيها تنفيذ عمليات تنظيف مثل إيقاف مؤقت، أو فصل مستمعات الأحداث. unmounted تستدعى بعد إزالة المكون بالكامل من الـ DOM كما أنها تستخدم لإنهاء الاتصال بأي شيء خارجي أو تنظيف نهائي.

وعليكم السلام ورحمة الله تعالى وبركاته، Nuxt وVue هما تقنيتان مرتبطتان ببعضهما، لكن لكل منهما وظيفة مختلفة. ف Vue.js هو إطار عمل (Framework) لبناء واجهات المستخدم التفاعلية (front-end)، ويستخدم لإنشاء تطبيقات من صفحة واحدة (SPA) بطريقة مرنة وسهلة. أما Nuxt.js فهو مبني على Vue ويعتبر إطارا أعلى (Meta-framework) وهو الآخر يستخدم لتسهيل بناء تطبيقات Vue خاصة عندما نحتاج إلى توليد صفحات على الخادم (SSR) أو توليد مواقع ثابتة (Static). لكن يتميز Nuxt بتنظيم المشروع، وإعدادات تلقائية، وتوليد صفحات ديناميكية من خلال ملفات .vue فقط، دون الحاجة لتعريف كل Route يدويا، مما يوفر الكثير من الوقت. في حين أن Nuxt يدعم ال SEO بشكل أفضل لأنه يولد الصفحات من الخادم، مما يجعلها مرئية لمحركات البحث عكس Vue فقط، الذي يعتمد على SPA كما أن Nuxt يأتي جاهزا بهيكل مشروع واضح وموجه للمشاريع الكبيرة والمتوسطة، في حين أن Vue مناسب أكثر كبداية مرنة ومفتوحة للمشاريع الصغيرة أو البسيطة. لذا برأيي من حيث الأفضلية إن كنت تريد مشروعا بسيطا أو تريد تعلم الأساسيات يمكنك البدء ب Vue كبداية ثم يمكنك التوسع أكثر فيما بعد.

السلام عليكم ورحمة الله تعالى وبركاته، أهنئك في حال أنهيت متطلبات احتياز الامتحان، وبما أنك الآن في مرحلة التحضير لاجتياز الامتحان فسأقترح عليك هذه الإجابات السابقة على أسئلة واستفسارات مشابهة لك يمكنك الاطلاع عليها من هنا: ومن هنا: ومن هنا: بالتوفيق إن شاء الله.

وعليكم السلام ورحمة الله تعالى وبركاته، ليس كذلك المطلوب منك هو التطبيق العملي مع المدرب، والاحتفاظ بالمشاريع العملية الناتجة لإرسالها للمراجعة في حال كنت مشتركا في دورة علوم الحاسوب فأرجو الاطلاع على هذه الإجابة لمعرفة ماهي التطبيقات التي يجب عليك رفعها: بشكل عام في مختلف الدورات الأخرى بالنسبة للتمارين التي تقدم في آخر الدروس فهي ليست مطلوبة للرفع لكن يجب عملها وإنجازها لتستوعب الدروس وتترسخ في ذهنك جيدا، والمطلوب رفعه هي المشاريع العملية التي تكون في مسار مخصص له. ويمكنك الاستفسار بشكل متخصص أكثر كي نساعدك ونوجهك بشكل أفضل.

وعليكم السلام ورحمة الله تعالى وبركاته، ليس من الضروري التعمق كثيرا في تعلم jQuery خاصة إذا كنت تتقن JavaScript الحديثة لأن معظم ما تقوم به jQuery يمكن تنفيذه اليوم بسهولة باستخدام جافا سكريبت فقط. لكن مع ذلك أنصحك بالاطّلاع على أساسياتها لأنك ستحتاجها في بعض مشاريع الدورة كما أنك قد تصادفها لاحقا في مشاريع قديمة ما زالت تستخدمها. أما بالنسبة لاجتياز امتحان الدورة، فإن الأسئلة المتعلقة بـjQuery ليست ضرورية إذا تمكنت من تنفيذ المطلوب باستخدام جافا سكريبت فقط تأكد أن توضح ذلك عند الحاجة ففي النهاية تعلم القليل منها سيساعدك ولا يضر، لكن ليس شرطا أن تتعمق أو تركّز عليها كثيرا. وبخصوص شروط اجتياز الامتحان فهي موضحة في هذا الرابط أرجو الاطلاع عليها كما أنصح بالاطلاع عليها قبل بدء الدراسة في الدورة لكي تكون على اطلاع شامل بالشروط وكيفية الاجتياز: الامتحان والحصول على الشهادة

وعليكم السلام ورحمة الله تعالى وبركاته، هذا الشعور لا شكّ أننا جميعا قد مررنا به في بداياتنا والجميع سيمرّ به لذا لا داعي للقلق وتشتيت نفسك، وأنصحك بالتركيز مع المدرب أثناء الدورة والتطبيق العملي معه وأن تُشغل نفسك بالتعلم وأخذ المكتسبات وأن لا تُشغل نفسك بالأفكار الجانبية فهي حينما تتراكم قد تسبب في ابتعادك عن المجال فهذا الشعور مخادع. وفي الحقيقة نحن لسنا مطالبين بحفظ أيّ شيء، فالحفظ هو تحصيل حاصل بالنسبة للمبرمجين فهو نتيجة العمل الدؤوب والاستمرارية والتطبيق العملي المستمر، أما الحفظ فهو أمر غير مفيد ولا ينمّي في المبرمج حسّ التفكير المنطقي، فالتوثيقات الرسمية موجودة ويمكنك الرجوع إليها متى أردت ذلك، يكفي أن تعرف وجود تلك المكتبات وتطبق عليها لا أن تحفظها. يمكنك أيضا أن تطلع على نصائح أكثر من هنا:

وعليكم السلام ورحمة الله تعالى وبركاته، بعد إتقان الأساسيات البرمجية من الطبيعي أن يحتار المرء في الخطوة التالية هل يبدأ بتعلم تطوير الواجهات (Frontend) أم الخلفية (Backend) لكن في الحقيقة لا توجد إجابة واحدة صحيحة تنطبق على الجميع، بل الأمر يعتمد على طبيعة الميول وطريقة التفكير. فمن يرى في نفسه محبا للتصميم، التفاعل البصري، وتحسين تجربة المستخدم، فإن البدء بالواجهات الأمامية سيكون مناسبا، خاصة أنه يعطي نتائج سريعة ومرئية تشجع على الاستمرار. أما من يميل إلى التفكير المنطقي، وتحليل البيانات، والتعامل مع قواعد البيانات والخوادم، فإن الواجهات الخلفية سيكون طريقا مفيدا، لأنه يعزز مهارات التحليل، الفهم العميق للبرمجة، ويكسب صاحبه قدرة على بناء نظم قوية. لكن لمن يهدف إلى أن يكون مطور Full Stack من الأفضل أن يختار أحد المسارين أولا ويتقنه جيدا حتى يشعر بالثقة، ثم ينتقل إلى المسار الآخر. التدرج والتركيز أهم من التشتت فالكثير من المبرمجين الناجحين اليوم بدأوا بالفرونت أند ثم انتقلوا إلى الباك أند، والعكس صحيح. المهم هو الثبات على الطريق، وعدم التوقف عند كل مفترق.

وعليكم السلام ورحمة الله تعالى وبركاته، نعم توجد مكتبة معروفة تدعم إنشاء ملفات PDF باللغة العربية في Laravel وهي "Dompdf" عند استخدامها مع Laravel عبر حزمة مثل barryvdh/laravel-dompdf وهي من أكثر الحلول شيوعا وأسهلها دمجا. لكن الدعم الافتراضي للعربية فيها ضعيف نوعا ما لأن Dompdf لا يدعم كل الخطوط والاتجاهات بشكل جيد، وخاصة الكتابة من اليمين لليسار (RTL). لذلك لتتمكن من توليد ملفات PDF باللغة العربية بشكل صحيح، يجب توفير خط يدعم العربية مثل "Amiri" أو "Cairo" وتفعيله يدويا داخل ملف CSS المستخدم في ال HTML المراد تحويله إلى PDF، وأيضا إضافة خاصية: direction: rtl; text-align: right; إن كنت تبحث عن دعم عربي أفضل، يمكنك أيضا النظر في مكتبة mpdf/mpdf التي تعد خيارا قويا وتدعم العربية وRTL بشكل أفضل وأكثر استقرارا، لكن لا توجد لها حزمة Laravel رسمية بنفس سهولة barryvdh وبالرغم من ذلك يمكن دمجها يدويا في Laravel

وعليكم السلام ورحمة الله تعالى وبركاته، في حال كنت تقصد إضافة Vue Devtools في المتصفح يمكنك إيقفها من خلال فتح متصفحك ثم الانتقال إلى صفحة الإضافات مثلا إذا كنت تعمل على: Chrome: chrome://extensions/ Firefox: about:addons ثم ابحث عن Vue.js devtools بعدا اضغط على زر الإيقاف المؤقت أو "تعطيل" (Disable/Turn off). أما في حال كنت تقصد إلغاء تثبيت الإضافات التي قمت بتثبيتها في محرر الأكواد لديك فإن كنت تعمل على VsCode يمكنك التوجه إلى تبويبة Extention: ثم إلى الإضافات التي قمت بتثبيتها يمنكنك إدارتها وحذفها بسهولة من هناك كما هو موضح في الصورة المرفقة.

وعليكم السلام ورحمة الله تعالى وبركاته، في بيئة Kaggle Notebook لدينا ثلاث مجلدات رئيسية: /kaggle/input/ وهو مجلد البيانات المدخلة نستخدمه للقراءة فقط إذ لا يمكن الكتابة فيه /kaggle/working/ وهو مجلد العمل الخاص بك إذ يمكن الكتابة والقراءة منه /kaggle/tmp/ وهو مجلد مؤقت وهو الذي يحذف عند إعادة التشغيل لذا عندما تعالج البيانات ب IterativeImputer يمكنك حفظها في /kaggle/working/ كملف CSV ثم في بداية الدفتر يمكنك التحقق من وجود الملف المحفوظ: إذا كان موجود ستقوم بتحميله مباشرة إذا لم يكن موجود نفذ المعالجة واحفظه وهذا يوفر عليك وقت إعادة تنفيذ المعالجة في كل مرة تفتح فيها الدفتر، لأن الملفات في /kaggle/working/ تبقى محفوظة حتى لو أغلقت الدفتر وفتحته مرة أخرى لعمل ذلك يمكنك بداية استيراد المكتبة os: import os ثم في بداية الدالة بعد السطر الأول تضيف شرط التحقق من وجود الملف: if os.path.exists('/kaggle/working/processed_data.csv'): return pd.read_csv('/kaggle/working/processed_data.csv') ثم في النهاية وقبل return data تضيف السطر الذي يقوم بالحفظ كالتالي: data.to_csv('/kaggle/working/processed_data.csv', index=False)

وعليكم السلام ورحمة الله تعالى وبركاته، IterativeImputer من مكتبة scikit-learn لا تدعم التدريب على GPU بشكل مباشر لأن scikit-learn مصممة للعمل على CPU فقط. حتى لو كان لديك GPU متاح في Kaggle Notebook، فإن IterativeImputer سيستخدم CPU للمعالجة. لذا إذا كنت تريد الاستفادة من GPU لمعالجة البيانات المفقودة، يمكنك استخدام بدائل مثل cuML وهي النسخة المحسنة ل GPU من scikit-learn أو يمكنك بدلا من ذلك تنفيذ خوارزمية مشابهة باستخدام PyTorch أو TensorFlow التي تدعم GPU، لكن هذا سيتطلب كتابة كود مخصص لذلك.

السلام عليكم ورحمة الله تعالى وبركاته، دورة الذكاء الاصطناعي تعتبر من الدورات المتقدمة إلى حد ما، وتتطلب وجود معرفة أساسية في البرمجة وعلوم الحاسوب. لذلك يفضل بداية الالتحاق بدورة علوم الحاسوب في الأكاديمية التي تركز على تأهيلك بأساسيات البرمجة بشكل عام دون التخصص المباشر في مجال معين. لكن مع ذلك في دورة الذكاء الاصطناعي يتم تدريس لغة بايثون من الصفر، في أول مسار بالإضافة إلى شرح قواعد البيانات، مما يجعلها مناسبة لمن لديهم استعداد لتعلم أساسيات البرمجة، يمكنك الانضمام للدورة حتى لو لم تكن متمكنا تماما من البرمجة، مع العلم أنك قد تحتاج إلى بذل جهد إضافي خارج محتوى الدورة لفهم بعض المواضيع واستيعابها بشكل أفضل يمكنك الاطلاع على مساراتها من هنا:

السلام عليكم ورحمة الله تعالى وبركاته، بايثون في الأساس هي لغة برمجة مصممة للعمل على أنظمة التشغيل التقليدية مثل Windows وLinux وmacOS، وليس على الأجهزة المحمولة. ونظام الأندرويد يعتمد على Java وKotlin كلغات أساسية، ويستخدم آلة افتراضية خاصة تسمى ART (Android Runtime) لتشغيل التطبيقات. وهذا يعني أن كود Python لا يمكن تشغيله مباشرة على الأندرويد دون حلول وسطية. والحل يكمن في تغليف مفسر Python بالكامل داخل تطبيق الأندرويد، مما يعني أننا نقوم بتضمين نسخة كاملة من Python مع جميع المكتبات المطلوبة داخل ملف APK وهذا يشبه حمل حاسوب صغير داخل هاتفك لتشغيل كود Python، مما يفسر لماذا حجم التطبيقات الناتجة يكون كبيرا نسبيا عادة 20-50 ميجابايت حتى للتطبيقات البسيطة. يمكن استخدام Buildozer فهو أداة تلقائية تقوم بعدة مهام معقدة خلف الكواليس. أولا يجب القيام بتحميل Python-for-Android (P4A) وهو مشروع مخصص لتجميع Python ومكتباته للعمل على معمارية ARM المستخدمة في معظم هواتف الأندرويد ثم تقوم بتجميع جميع المكتبات المطلوبة من الكود المصدري، مما يعني تحويلها من كود C/C++ إلى ملفات قابلة للتنفيذ على الأندرويد بعدها تقوم بإنشاء wrapper بلغة Java يعمل كجسر بين نظام الأندرويد وكود Python الخاص بك ثم جمع كل هذه المكونات في ملف APK واحد قابل للتثبيت. بداية لتحضير البيئة ننفذ: pip install buildozer cython==0.29.19 ونقوم بتثبيت Cython هنا لأنه أداة تحويل كود Python إلى C، مما يسمح لنا بتشغيل أسرع وتوافق أفضل مع المكتبات المكتوبة بلغة C. والإصدار 0.29.19 محدد لأنه آخر إصدار مستقر تم اختباره مع Buildozer ولأن الإصدارات الأحدث قد تحتوي على تغييرات تكسر التوافق مع عملية البناء، ثم نثبت تبعيات النظام: sudo apt-get install -y python3-pip build-essential git python3 python3-dev ثم مكتبات الوسائط المتعددة: sudo apt-get install -y libsdl2-dev libsdl2-image-dev libsdl2-mixer-dev libsdl2-ttf-dev ثم مكتبات SDL (Simple DirectMedia Layer): sudo apt-get install -y libsdl2-dev libsdl2-image-dev libsdl2-mixer-dev libsdl2-ttf-dev ثم مكتبات النظام الأساسية: sudo apt-get install -y libffi-dev libffi6 zlib1g-dev libssl-dev openssl ولتهيئة المشروع buildozer.spec نقوم بتنفيذ الأمر: buildozer init هذا الأمر ينشئ ملف buildozer.spec وهو قلب عملية البناء. فهذا الملف يحتوي على جميع إعدادات المشروع التي تخبر Buildozer بكيفية بناء التطبيق وأهم الأقسام في buildozer.spec: [app] title = اسم التطبيق الذي سيظهر للمستخدم package.name = اسم الحزمة التقني (بدون مسافات أو أحرف خاصة) package.domain = org.example (عادة عكس اسم النطاق) source.dir = . (مجلد كود Python) version = 0.1 requirements = python3,kivy (المكتبات المطلوبة) ثم عملية البناء: buildozer -v android debug والخيار -v (verbose) يعرض تفاصيل العملية، وهو مهم للغاية لفهم أي أخطاء قد تحدث وأما كلمة debug تعني أن APK الناتج سيكون للاختبار وليس للنشر ومراحل البناء هي كالتالي: تحميل NDK وSDK: يحمل Android NDK (Native Development Kit) للتجميع وSDK لأدوات البناء تحميل Python-for-Android: يحمل P4A والذي يحتوي على Python مجمع خصيصا للأندرويد تجميع المكتبات: كل مكتبة في requirements تُجمّع منفصلة من الكود المصدري إنشاء البرنامج الرئيسي: ينشئ Java wrapper يستدعي كود Python تجميع APK: يجمع كل المكونات في ملف APK واحد

الذكاء الاصطناعي بالفعل قد حقق ثورة في الآونة الأخيرة خاصة في العقد الأخير، وذلك على جميع المستويات، وقد استبدلت العديد من الوظائف بوظائف أخرى، أما بالنسبة للمهندسين فأعتقد أنه بالعكس تماما، فالمهندس الفطن سيبدأ بتعلم مهارات جديدة وتخصصات جديدة، فالذكاء الاصطناعي تطور بشكل كبير وأنشأ معه تخصصات جديدة كثيرة، وفي حال كنت في مرحلة التعلم فأنصحك بتجنب الاعتماد الكلي على أدوات الذكاء الاصطناعي. إلى حين تمكنك من المنطق والتفكير البرمجي، وتستطيع حل المشكلات البرمجية بكفاءة، وتكون متمكنا من الخوارزميات والأساسيات. بعدها يمكنك الاعتماد عليها لأتمتة المهام لديك ولتسريع الأعمال والمشاريع التي تنجزها وكل هذا لا يمنعك كمهندس أن تتطور وتدرس وتتقن المهارات الجديدة التي أنشأها الذكاء الاصطناعي، فحتما الآلة لن تستطيع كبح جماح إبداع الإنسان، ولكن إن كان هذا الأخير متكاسلا ولا يتعلم فأكيد أن الآلة ستستبدله لا محالة.

أرجو نقل سؤالك وطرحه أسفل الدرس في قسم التعليقات المخصص لذلك وهذا لأن هذا القسم مخصص للأسئلة العامة وهذا لمساعدتك بشكل أفضل.

السلام عليكم ورحمة الله تعالى وبركاته، بداية قم بالانتقال إلى موقع Netlify من هنا: https://www.netlify.com ثم اذهب إلى Dashboard ثم افتح الموقع الذي رفعته. ثم في أعلى الصفحة، اضغط على Site settings" ثم اضغط على زر "Change site name" ثم اختر الاسم الذي تريده وإذا كان الاسم متاحا، سيتم حفظه.

السلام عليكم ورحمة الله تعالى وبركاته، لجعل الموقع يكون متجاوبا مع مختلف أحجام الشاشات يجب أن يكون هذا السطر موجودا في ملف ال html الرئيسي لديك: <meta name="viewport" content="width=device-width, initial-scale=1.0"> وهو موجود بالفعل في ملف index.html فبدونه الأجهزة مثل الهواتف والأجهزة اللوحية ستعرض موقعك كما لو أنه على شاشة كبيرة ولا تحترم تغييرات ال CSS مثل width: 100% أو flex-wrap وغيرها. أي أنه ليصبح متجاوبا الآن يجب تعديل ملف ال style.css من خلال إضافة قواعد التجاوب التالية: @media (max-width: 768px) { .navbar { flex-direction: column; align-items: flex-start; gap: 1rem; } .navbar nav { display: flex; flex-direction: column; gap: 10px; } .hero { flex-direction: column; text-align: center; gap: 2rem; } .card { flex-direction: column; gap: 2rem; margin-top: 50px; } .about { flex-direction: column; text-align: center; padding: 1rem; gap: 2rem; } .skills { flex-direction: column; gap: 2rem; text-align: center; } .contact { flex-direction: column; padding: 1rem; text-align: center; } } يمكنك إضافتها في آخر الملف وبعد إضافتها ستلاحظ أن الموقع أصبح متجاوبا هكذا: يمكنك اختبار ذلك من خلال فتح الموقع في المتصفح ثم الضغط F12 أو استخدم "أدوات المطور" ثم اختر "وضع الهاتف".