عبدالباسط ابراهيم

هل تظهر علامة دوراتي كما بالصوره التاليه ؟ إذا كانت تظهر لك فيرجى الضغط عليها والإنتقال للدورة التي إشتركت بها ويمكنك الاطلاع على الرابط التالي لتفاصيل أكثر https://support.academy.hsoub.com/access-to-courses أما إذا لم تظهر كلمة دوراتي فيرجى الإنتظار قليلاً والمتابعة مع مركز المساعدة من خلال الرابط التالي https://support.academy.hsoub.com/conversations

بالإضفة للشرح السابق يمكننا فهم هذه المفاهيم بشكل أعمق، من خلال مثالاً لتطبيق Vue.js بسيط يستخدم Vue Router. لنفترض أن لديك المكون الرئيسي لتطبيقك (App.vue) وتريد إنشاء قائمة تنقل ديناميكية بناءً على المسارات المعرفة <template> <div id="app"> <nav> <ul> <li v-for="route in myRoutes" :key="route.name"> <router-link :to="route.path">{{ route.name }}</router-link> </li> </ul> </nav> <router-view></router-view> </div> </template> <script> export default { data() { return { myRoutes: [] // سنقوم بملء هذه المصفوفة في mounted }; }, mounted() { this.myRoutes = this.$router.options.routes; console.log('My defined routes:', this.myRoutes); } }; </script> سيكون output في الـ console مثل My defined routes: [ { path: '/', name: 'Home', component: HomeComponent }, { path: '/about', name: 'About', component: AboutComponent }, { path: '/contact', name: 'Contact', component: ContactComponent, meta: { requiresAuth: true } } ]

بالتأكيد فهناك الكثير من الشركات تبحث عن مطورين لديهم فهم جيد للـ SEO. هذا يجعلك مرشحًا أقوى للوظائف، وقد تجد فرصًا في مجالات تجمع بين الـ SEO وتطوير الويب. كما أنك كمبرمج، عندما تفهم الـ SEO، ستتمكن من بناء المواقع منذ البداية لتكون سهلة الفهم والفهرسة من قبل محركات البحث. يشمل ذلك تحسين هيكل الموقع، سرعة التحميل، والتعامل مع JavaScript بطريقة لا تؤثر على الزحف والفهرسة. أما بالنسبة للوقت الذي تحتاجه لتعلم الـ SEO يختلف بناءً على عدة عوامل، أهمها مدى التزامك بالدراسة والتطبيق العملي. فمثلاً يمكنك تعلم الأساسيات مثل: البحث عن الكلمات المفتاحية ، الجوانب التقنية للموقع (Technical SEO)، وبناء الروابط (Link Building). في ساعات أيام، لكن الفهم الحقيقي يأتي مع الممارسة.

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

بالتأكيد يمكنك الانتقال لتعلم TypeScript (TS) مباشرة إذا كنت تركز على Vue، دون الحاجة إلى انتظار إكمال مسارات React Native أو تطبيق دردشة يشبه واتساب. كما ان React تدعم TypeScript بشكل ممتاز . ولكن يفضل أولاً تحديد الإطار الذي تريد تعلمه حالياً هل هو vue أو react فلديك المسار react native و تطبيق دردشة يشبة whatsApp يعتمد على react.

لا يتعين عليك حفظ أسماء جميع كلاسات Bootstrap ، ولكن فهم أساسيات CSS سيساعدك كثيراً عند العمل وجعل الأمور أكثر وضوحاً وبعض الأساسيات ستكون مهمة بالنسبة لك في التعلم . ولكن لاحقاً إن كنت مبرمج Back-end فقط فلا يلزمك التعمق في CSS، ولكن يفضل على الأقل معرفة أساسيات للتفاهم مع فريق الـ Front-end أو لإجراء تعديلات بسيطة أما إذا كنت Full-Stack أو مستقل ينصح بشدة بتعلم CSS

أولاً لا يمكن الجزم بأن React أفضل من Angular أو العكس بشكل مطلق، فكلاهما أداتان قويتان لبناء واجهات المستخدم ولهما مميزاتهما وعيوبهما. الاختيار بينهما يعتمد بشكل كبير على طبيعة المشروع، حجم الفريق، وتفضيلات المطورين. وبالنسبة لك يعتمد على السوق والوظائف المتاحة وتفضيلك. ويعتبر React إذا كنت مبتدئ أسهل وأسرع للدخول للسوق بينما Angular إذا كنت تخطط للعمل في مشاريع enterprise كبيرة ولذلك يعتبر Angular بشكل عام أصعب في التعلم من React، نظرًا لأنه إطار عمل متكامل، يتطلب Angular تعلم العديد من المفاهيم والأدوات الخاصة به (مثل TypeScript، RxJS، Decorator). وبالنسبة لسؤالك فيمكنك تعلم كلا الإطارين بدون أي مشكلة ولكن يجب إعطاء كل تقنية وقتها.

يمكنك أيضاً استخدام continue لتتخطى التكرار الحالي وتنتقل للعنصر التالي fruit = ['orange', 'banana', 'mango', 'lemon '] for x in range(len(fruit)): if fruit[x] == 'mango': # strip() لإزالة المسافات continue print(x, fruit[x])

تم الشرح في التعليقات السابقة بشكل مفصل وإليك أيضاً مثال للتوضيح أكثر كالتالي <script> export default { data() { return { task: '', tasks: [], timer: null }; }, // 1. قبل التهيئة beforeCreate() { console.log('beforeCreate: لم يتم تهيئة البيانات بعد'); }, // 2. بعد التهيئة (البيانات أصبحت متاحة) created() { console.log('created: البيانات أصبحت متاحة'); // محاكاة جلب بيانات من API setTimeout(() => { this.tasks = ['قراءة كتاب', 'مراجعة الكود']; console.log('تم تحميل المهمات'); }, 1000); }, // 3. قبل تركيب المكون في DOM beforeMount() { console.log('beforeMount: القالب سيُركب'); }, // 4. بعد تركيب المكون في DOM mounted() { console.log('mounted: المكون جاهز في DOM'); this.$refs.taskInput.focus(); // تشغيل مؤقت this.timer = setInterval(() => { console.log('الوقت يمر...'); }, 2000); }, // 5. قبل التحديث (عند تغيير البيانات) beforeUpdate() { console.log(' beforeUpdate: البيانات ستتغير'); }, // 6. بعد التحديث updated() { console.log(' updated: تم تحديث الواجهة'); }, // 7. قبل إلغاء تثبيت المكون beforeUnmount() { console.log(' beforeUnmount: تنظيف قبل إزالة المكون'); clearInterval(this.timer); // إيقاف المؤقت }, // 8. بعد إلغاء تثبيت المكون unmounted() { console.log(' unmounted: تم إزالة المكون نهائيًا'); }, }; </script> يمكنك إضافة الأكواد السابقة في تطبيق بسيط ثم راقب الكونسول لترى متى يتم استدعاء كل Hook

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

Less و Stylus هما، مثل Sass/SCSS، معالجات CSS أيضاً

السؤال يطلب منك اختيار أي من معالجات CSS ترغب في استخدامها في مشروعك؟ ولذلك إذا تعلمت sass من قبل فيمكنك إختيار Sass فهو الخيار الأكثر شيوعًا والموصى به أو يمكنك إختيار التقنية التي تريدها .

هل تقصد كيفية إنشاء مشروع vue من خلال vue cli ؟ إذا كنت تقصد ذلك فتحتاج أولاً لتثبيت Vue CLI عن طريق تنفيذ الأمر التالي npm install -g @vue/cli بعد تثبيت Vue CLI، يمكنك الآن إنشاء مشروع Vue جديد. فيمكنك الإنتقال إلى المجلد الذي تريد إنشاء المشروع فيه باستخدام سطر الأوامر، ثم قم بتشغيل الأمر التالي vue create my-vue-project واستبدل my-vue-project بالاسم الذي تريده لمشروعك.

بشكل مبسط Vue CLI أداة بناء لمشاريع Vue.js. مثل Create React App في React فيقوم بنفس الوظيفة . وبالتالي يقوم بإعداد مشروع Vue.js جديد لك، بما في ذلك جميع الإعدادات المعقدة لأدوات التطوير وهو حزمة عالمية أي يمكنك تثبيته مرة واحدة على جهازك واستخدامه لإنشاء أي عدد من مشاريع Vue.js. ويعتبر Vite هو البديل الأكثر شيوعًا والأسرع لـ Vue CLI في الوقت الحالي. فهو يركز على سرعة التطوير فينصح به حاليًا لبدء مشاريع Vue.js الجديدة.

وعليكم السلام ورحمة الله وبركاته. نعم، إجابتك صحيحة تمامًا حيث أن True يعامل كـ 1 False يعامل كـ 0 وهذا يعني أنك عند إجراء مقارنة بين قيمة منطقية وعدد، فإن بايثون تقوم تلقائيًا بتحويل القيمة المنطقية إلى عدد صحيح (int)

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

طالما أنك سجلت الدخول بنفس البريد الإلكتروني الذي استخدمته أثناء عملية الدفع فستظهر لك الدورة التي قمت بالإشتراك بها فيرجى الإنتظار قليلاً وستظهر لك . ويمكنك المتابعة مع مركز المساعدة إذا لم تظهر لك من الرابط التالي https://support.academy.hsoub.com/

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

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

بما أنك تقصد إتمام الدورة كاملة فبالتأكيد لديك المهارات التالية PHP Laravel WordPress التعامل مع قواعد البيانات المفاهيم الأساسية للبرمجة الخلفية (Back-End) وهذا يكفي للبدء كـ مطور مواقع خلفية (Back-End Developer). وبجانب ذلك بالتأكيد قمت بتطبيق ما تعلمته عمليًا من خلال مشاريع حقيقية وفهمت كيف يبنى المشروع من البداية للنهاية ولذلك الدورة تقوم بتعليمك المهارات المطلوبة للعمل كمطور backend وبعد الإنتهاء بالتأكيد يمكنك التعمق في العديد من الجوانب مثل php و laravel وما إلى ذلك من خلال مشاريع عملية سيتم توجيهك لها من قبل المدرب المشرف على الإمتحان. وبالنسبةللتخوف من طلبات معقدة بناء موقع مثل يوتيوب أو فيسبوك فهذا تخوف شائع جدًا، ولكن الواقع مختلف فلا أحد سيطلب منك فجأة بناء نسخة من فيسبوك وحدك. إنما أغلب الوظائف تقسم المهام على الفريق في حالة مشروع متوسط أو كبير والشركات الصغيرة تطلب في أغلب الوقت تعديل على موقع WordPress إنشاء موقع تعريفي لشركة بناء لوحة تحكم باستخدام Laravel

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

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

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

الشفافية لديك بسبب إضافة GlassIt-VSC ويمكنك التحكم في الشفافية عبر اختصارات لوحة المفاتيح كالتالي اضغط Ctrl + Alt + Z لزيادة الشفافية (جعلها أكثر شفافية). اضغط Ctrl + Alt + C لتقليل الشفافية (جعلها أقل شفافية، أي أكثر عتامة/وضوحًا). أما إذا كنت تقصد إلغاء الشفافية تماماً فيمكنك حذف هذه الإضافة

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