ياسر مسكين

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

وعليكم السلام ورحمة الله تعالى وبركاته، في بيئة Kaggle يتم استخدام المسار: /kaggle/working/ كمجلد مؤقت لتخزين الملفات أثناء تشغيل النوتبوك وهذا المجلد لا يحتفظ بأي ملفات بشكل دائم فعند إغلاق النوتبوك أو إعادة تشغيل الجلسة، يتم حذف جميع البيانات الموجودة فيه تلقائيا. لذا لحفظ الملفات بشكل دائم، يجب استخدام خاصية "Save Version" الموجودة في أعلى صفحة النوتبوك، حيث يتم رفع جميع الملفات الموجودة في /kaggle/working/ إلى قسم "Output Files" الخاص بالنوتبوك. يمكن بعد ذلك الرجوع لهذه الملفات في أي وقت أو تحميلها. يوجد خيار آخر وهو تنزيل الملفات يدويًا من خلال متصفح الملفات في الجانب الأيمن بعد إنشائها. كما يمكن حفظ الملفات خارجيا عبر GitHub أو Google Drive، لكن هذه الطريقة غير مدعومة مباشرة داخل Kaggle وتتطلب تنفيذها من بيئة خارجية.

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

السلام عليكم ورحمة الله تعالى وبركاته، الخاصية v-model في Vue.js تقوم بإنشاء ربط ثنائي الاتجاه (two-way data binding) بين حقل الإدخال input والمتغير email في بيانات المكون وهذا يعني أن أي تغيير يحدث في قيمة حقل الإدخال سيتم تحديثه تلقائيا في المتغير email، وفي المقابل أي تغيير يحدث في قيمة المتغير email في الكود سيظهر مباشرة في حقل الإدخال. وعمليا فإن: v-model="email" هي اختصار للكتابة: value="email" و: @input="email = $event.target.value" مما يجعل إدارة البيانات أسهل وأكثر فعالية دون الحاجة لكتابة كود إضافي للتعامل مع الأحداث وتحديث البيانات يدويا.

$emit هي ميزة في Vue.js تسمح للمكونات الفرعية (Child Components) بإرسال أحداث مخصصة إلى المكونات الأبوية (Parent Components)، وهي الطريقة الأساسية للتواصل من الأسفل إلى الأعلى في هيكل المكونات. ففي Vue.js يمكن للمكونات الفرعية إرسال أحداث مخصصة إلى مكوناتها الأبوية باستخدام دالة $emit، وهذه العملية تسمى "إصدار" الحدث وبمجرد أن يصدر المكون الفرعي حدثا ما يمكن للمكون الأبوي "الاستماع" لهذا الحدث المحدد باستخدام رمز @ أو توجيه v-on. والاستخدام بسيط جدا في المكون الفرعي تكتب this.$emit('اسم-الحدث', البيانات) لإرسال الحدث مع البيانات إلى الأب، وفي المكون الأبوي تكتب: @اسم-الحدث="دالة-للتعامل-مع-الحدث" للاستماع والاستجابة للحدث.

الخطأ في السطر الثاني هنا: numbers = 'Hello World'; لأن TypeScript عندما رأى السطر الأول: let numbers = [1,2,3,4,5]; استنتج تلقائياً أن المتغير numbers نوعه number[] أي مصفوفة أرقام وبالتالي عندما حاولت في السطر الثاني تعيين نص إلى هذا المتغير، رفض TypeScript ذلك وأظهر خطأ لأنه يتوقع مصفوفة أرقام وليس نص، بينما JavaScript سمح بذلك لأنه لا يهتم بأنواع البيانات ويقبل تغيير نوع المتغير في أي وقت. لذا الحل هو أن تخبر TypeScript من البداية أن هذا المتغير يمكن أن يكون مصفوفة أرقام أو نص باستخدام Union Types هكذا: let numbers: number[] | string = [1,2,3,4,5]; وبعدها السطر numbers = 'Hello World'; سيعمل بدون مشاكل، أو يمكنك استخدام متغيرين منفصلين بدلا من تغيير نوع المتغير الواحد، والهدف من هذا السلوك في TypeScript هو منعك من الوقوع في أخطاء غير مقصودة قد تحدث بسبب تغيير أنواع المتغيرات عن طريق الخطأ.

السلام عليكم ورحمة الله تعالى وبركاته، Vue.js هو إطار عمل حديث يتميز بالبساطة وسهولة التعلم، مما يجعله خيارا ممتازا خاصة بالنسبة للمطورين المبتدئين وأيضا بالنسبة للمشاريع الصغيرة وحتى المتوسطة. لكن بالرغم من ذلك أعتبر أنّ قابليته لبناء مشاريع كبيرة ومعقدة تظل ممكنة لكنها مشروطة بعدة عوامل فمن جهة Vue يوفر أدوات قوية مثل Vue Router لإدارة التنقل، وPinia أو Vuex لإدارة الحالة، ويتيح كتابة مكونات قابلة لإعادة الاستخدام، وهي خصائص أساسية لتطوير التطبيقات الكبيرة والمعقدة. كما أن Vue يدعم التكامل مع TypeScript وهذه نقطة إيجابية لكونه يعزز قابلية الصيانة والتنظيم في المشاريع الضخمة. لكن من جهة أخرى ومقارنة ب React وAngular فإن Vue يعاني من قاعدة مستخدمين أصغر نسبيا وقد يفتقر إلى بعض المكونات الجاهزة والدعم المؤسسي الواسع الذي تتمتع به الأطر الأخرى، خاصة في بيئات المؤسسات الكبرى. كما أن بعض الشركات تفضل Angular لما يقدمه من حل شامل ومدمج، أو React لما له من انتشار واسع ومجتمع ضخم. كذلك إذا لم يتم اتباع بنية واضحة وانضباط في كتابة الكود، قد يصبح المشروع المعقد المبني ب Vue صعب الصيانة مع مرور الوقت وفي النهاية لا توجد تقنية أفضل من الأخرى فكل تقنية لها إيجابياتها وسلبياتها اعتمادا على المشروع المراد إنجازه.

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

السلام عليكم ورحمة الله تعالى وبركاته، هل تقصد تفعيل خاصية ال Dark Mode؟ في حال كان كذلك فالموقع لا يدعم ذلك حاليا وتبقى هذه الميزة تفضيلية واختيارية لذلك لم تتم إضافتها يمكنك في حال أردت استعمالها تثبيت إضافة خاصة بذلك ولتكن مثلا: Dark Reader

السلام عليكم ورحمة الله تعالى وبركاته، abc تعني أن VS Code يتعامل مع كلمة logo كنص عادي وليس كخاصية Vue معرفة لذا يمكنك تثبيت إضافة Volar أو كما يطلق عليها بالاسم الجديد Vue - Official: https://marketplace.visualstudio.com/items?itemName=Vue.volar أرجو الضغط على زر "Enable" بدلا من "Disable" ثم أعد تشغيل VS Code وستختفي تلك الأخطاء باللون الأحمر المزعج فالإضافة مثبتة لكنها غير مفعلة، لذلك الأخطاء مستمرة.

السلام عليكم ورحمة الله تعالى وبركاته، لا مشكلة في الكود، أما اللون الأزرق فلون كلمة export محجوز في JavaScript لأنها كلمة مفتاحية (keyword) في JavaScript/ES6 وتستخدم لتصدير المتغيرات والدوال من الملف. كما أن VS Code يستخدم نظام الألوان (syntax highlighting) لتمييز الكلمات المحجوزة باللون الأزرق واستخدامك ل export default صحيح ويعمل بشكل جيد لتصدير كائن البيانات كتصدير افتراضي.

السلام عليكم ورحمة الله تعالى وبركاته، إن كنت تقصد الموسوعة الخاصة بأكاديمية حسوب أين تجد التوثيقات الرسمية لمختلف اللغات يمكنك الوصول إليها من هنا: 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 ليست ضرورية إذا تمكنت من تنفيذ المطلوب باستخدام جافا سكريبت فقط تأكد أن توضح ذلك عند الحاجة ففي النهاية تعلم القليل منها سيساعدك ولا يضر، لكن ليس شرطا أن تتعمق أو تركّز عليها كثيرا. وبخصوص شروط اجتياز الامتحان فهي موضحة في هذا الرابط أرجو الاطلاع عليها كما أنصح بالاطلاع عليها قبل بدء الدراسة في الدورة لكي تكون على اطلاع شامل بالشروط وكيفية الاجتياز: الامتحان والحصول على الشهادة

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