عماد شيخ العشرة

تستخدم الدالة $emit داخل المكون الابن Child لارسال حدث مخصص event إلى المكون الأب. تاخذ الدالة معاملين الأول هو اسم الحدث ثانيا ياخذ اي معلومات اضافية. مثال المكون الابن: <template> <button @click="sendData">Click Me</button> </template> <script> export default { methods: { sendData() { this.$emit('custom-event', 'Hello from child!'); } } } </script> مثال المكون الاب: <template> <ChildComponent @custom-event="handleEvent" /> </template> <script> import ChildComponent from './ChildComponent.vue'; export default { components: { ChildComponent }, methods: { handleEvent(message) { console.log(message); // "Hello from child!" } } } </script>

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

هل تقصد موسوعة حسوب للتوثيقات؟ إن كنت تقصدها فهذا الرابط. https://wiki.hsoub.com/الصفحة_الرئيسية

إن دورة الذكاء الصناعي تبدأ للمبتدئين أيضا حيث أنه يعلم الأساسيات من الصفر ويعلم البرمجة من الأساس أن كنت تريد تعلم الذكاء الصناعي بينما دورة بايثون تعلمك صناعة التطبيقات بلغة بايثون مما يجعلك مطور Back-end لكنها تحتوي على مقدمة للذكاء الصناعي فان كنت مهتم بالذكاء الصناعي فقط يمكنك الدخول مباشرة لدورة الذكاء الصناعي. محتويات دورة الذكاء الصناعي: أساسيات لغة بايثون Python تحليل البيانات Data Analysis التعامل مع نماذج الذكاء الاصطناعي LLMs التعامل مع نماذج الرؤية الحاسوبية التعلم العميق Deep Learning نقل التعلم Transfer Learning خوارزميات تعلم الآلة Machine Learning خوارزميات التعلم الخاضعة وغير الخاضعة للإشراف تخصيص نماذج اللغة الكبيرة LLMs وصقلها دمج تقنيات الذكاء الاصطناعي مع متجر إلكتروني التعرف على الصور باستخدام الشبكات العصبية التعلم المعزز Reinforcement Learning بينما محتويات دورة بايثون: البرمجة بلغة بايثون Python التطبيقات العملية على بايثون، وتعلم التعامل مع مختلف الخدمات إطار العمل جانغو Django إطار العمل فلاسك Flask التعامل مع بوابات الدفع برمجة أنظمة أودو Odoo أساسيات تحليل البيانات أساسيات تعلم الآلة

في الواقع لأي مطور مواقع سواء كان مطور واجهة امامية او خلفية يجب عليه تعلم ال css لانها من اساسيات التطوير لكن بإمكانك عدم التعمق فيها فحفظك للأساسيات كافي. اما بالنسبة لبوتستراب فلو كنت تعرف الأساسيات الخاصة بcss فلن تصعب عليك كثيرا في الواقع لانها نفس المنطق بل بالعكس معرفة css ستساعدك في فهم bootstrap او اي من اطر العمل الخاصة ب css. انت لا يجب عليك حفظ كل الكلاسات لكن بإمكانك فهمها فهي قابلة للفهم فمثلا فحرف p تشير إلى ال padding وحرف m إلى margin وغيرها الكثير. الخلاصة انه نعم يجب عليك معرفة css ولو بالقدر القليل فقد تحتاجها كثيرا في مشاريعك فلا يوجد مشروع بدون تنسيق.

انت تقصد props في vueJS وهي كالتالي: ومعناها الخصائص وهي تستخدم في اطارات عمل الFront-end بشكل عام وهدفها هو تمرير البيانات من المكون الأب إلى المكون الابن. مثال: <template> <div> <p>{{ message }}</p> </div> </template> <script> export default { name: 'MessageDisplay', props: { message: { type: String, required: true } } } </script> هذا هو المكون الابن الذي سوف ننشئه فمثلا نريد أن نطبع رسالة لكن هذه الرسالة قد تختلف من مكان الى اخر وقد نستخدم المكون عدة مرات فنريد ان تطبع الرسالة بشكل مرن أكثر فمررنا props باسم message. والان فلنشرح كيفية استخدامها. <template> <div> <MessageDisplay message="Hello1!" /> <MessageDisplay message="Hello2!" /> </div> </template> <script> import MessageDisplay from './components/MessageDisplay.vue'; export default { name: 'App', components: { MessageDisplay } } </script> كما نلاحظ اخذنا اسم المكون الابن واستعملها في اسم الاب وبدلا من ان ننشئ نص جديد في كل حالة فنحن نستعدي المكون ونكتب له الخاصية message التي هي props ومنها يفهم اننا نريد كتابة هذه الرسالة فنختصر علينا كتابة الأكواد المكررة باعادة استخدام المكون الابن.

في الواقع أن nuxt هو اطار عمل مبني فوق vue وهو مكمل ل vue js. عموما Nuxt يُستخدم لبناء تطبيقات SSR (Server-Side Rendering) و SSG (Static Site Generation) و SPA أيضًا. هذا يساعدنا في عمليات البحث في قوقل SEO فان كان لدينا موقع مدونة ونريد ان يظهر في قوقل أكثر فاننا نستخدم nuxt أفضل. وان كان موقع عادي فان Vue لوحده كافي لهذا. فعلى حسب مشروعك اختر التكنولوجية بعناية.

في الواقع ان لغة جي كويري مستخدمة كثيرا في الواقع وأن جميع المشاريع التي تبني باستخدام جافاسكريبت بدون اطر عمل تستخدم الجي كويري لانها تختصر الوقت ان كنت تعرف جافاسكريبت فان جي كويري ليست بتلك الصعوبة ويمكنك تعلمها بسرعة ولا يجب عليك معرفة كل التفاصيل. الامتحان سيكون في المشاريع العملية التي رفعتها إلى GitHub وأقل شيء يجب أن تكون أتممت ٤ مسارات من الدورة. فان كانت احد مشاريعك تحتوي على j query فسوف يتم سؤالك عنها لا تقلق فمكتبة j query ليست صعبة جدا ويمكنك التعود عليها سريعا. جميع دروس j query

جرب اختيار الاولى وانشئ المشروع وانظر هل ما زال يستمر الخطأ ام لا. واخبرني بالنتائج.

لقد كانت المشكلة التي تواجهك منه في مشروعك vue لكن في حال أنه ليس مثبتا للبرنامج كاملا فيعني أنه عندما ثبت مشروعك ال vue js من خلال ال terminal فقد طلب منك تحميل prettier او esLint وانت وافقت مما يسبب المشكلة جرب اعادة انشاء المشروع من البداية ومن ثم عندما يطلب منك تحميل esLint او prettier اختر No. وجرب الطريقة مرة أخرى وأخبرني هل ما زال الخطأ يظهر أم لا.

الرجاء فتح vscode واتباع الخطوات التالية.

الرجاء اقفال extention باسم prettier وسوف تحل المشكلة فهو المسبب في المشكلة وعند احتياجك له في مشاريع اخرى شغله.

يمكنك تجريب تحميل extentions خاصة ب vue مثل: افتح برنامج vs code انقر هنا واكتب Vue - Official وحملها وسوف يتم الكتابة تلقائيا.

في الواقع هذا الخطأ يحصل بسبب ال Extentions الخاص prettier فانه يتعامل مع بعض الخطوط الفارغة كانها مشكلة. جرب هذا الأمر في الطرفية واعد تشغيل الخادم وأخبرني ان لم تنحل المشكلة. npm run lint -- --fix

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

وعليكم السلام, في الواقع انت تستخدمه وبكثرة لكن قد يختلف على المشروع الذي تعمله فمثلا عند استخدام دالة من مكتبة pandas فانت تستدعي كائن مثل: df = pd.DataFrame(data) ف DataFrame هو صنف Class. وإن كنت تقصد أنك لم تستخدمه بشكل مباشر فمن الممكن أن لديك تطبيق ذكاء صناعي يحتاج الى تطبيق ويب كحاوية له فانت استخدمت dijango لتشغيل تطبيق backend و dijango كله يعتمد على مفاهيم ال OOP كل شي تعلمته يتم تطبيقه ومعرفة الموضوع بشكل عام قد يساعدك في حل مشكلات قد تحصل معك فالبرمجة كائنية التوجه أساسية لعلم البرمجة وعلم تعلم الالة والبيانات هو جزء من علم البرمجة. إن كان لديك تطبيق ذكاء صناعي كبير فقد تحتاج لأن تبني له صنف وتكون منه كائنات والى اخره فقد تكون الدوال كثيرة وسوف يكبر البرنامج وتصبح صيانته اصعب فلذلك نستخدم ال OOP.

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

كما ذكرنا سابقا فكله يعتمد على ما تريد تحقيقه من الأهداف وما تريد فعله كمطور حدد هدفك بعناية وانظر لسوق العمل عندك ماذا يحتاج وتعلم هذه التقنية واللغة المحددة فعند تعلم لغة معينة يمكنك تعلم اللغة الاخرى بشكل اسهل لان المفاهيم الأساسية هي نفسها.

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

المعذر لاختلاط الأمر علي, بشكل عام نحن نستخدم google colap للذكاء الصناعي لأنه يخولنا من استخدام بعض مصادر ال gpu كرت شاشة الخاص به مما يجعله مناسب لمشاريع الذكاء الصناعي وتحليل البيانات الخفيفة اللتي نتعلمها. أما بالنسبة ل Pycharm فهو محرر شيفرات يمكنك استبداله بأي محرر شيفرات اخر يمكننا كتابة شيفرات داخله والخ من مميزات محرر الأكواد. فالان الموضوع يعتمد على المشروع الذي نعمله ان كان ذكاء صناعي واريد استخدام مصادر كرت الشاشة فاستخدم colap وان كنت اريد اعمل مشروعا عاديا مثل سكربت أو تطبيق ويب فاستخدم محرر شيفرات.

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

الرجاء وضع سؤالك تحت الدرس الخاص به فهنا مكان الأسئلة العامة حيث نجاوب على الأسئلة الغير متعلقة بالدرس.

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

بامكانك الضغط على كلمة فريق الدعم في النص الملونة باللون الأزرق.

بخصوص حذف الحساب. حرصًا على حقوق المستخدمين ولأن الحساب قد يكون مرتبطًا بمعاملات مالية جارية، لا يُتاح لك حذف حسابك بشكل مباشر من طرفك، إنما من خلال التواصل مع فريق الدعم وتوضيح الأسباب أو المشاكل لنقدم المساعدة المناسبة.