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

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

عموماً بشكل مبسط تخيل أن لديك مستطيل أو مربع، وتريد أن تحافظ على شكله النسبي حتى لو تغير حجمه. هذا بالضبط ما تفعله aspect-ratio - فهي تحدد العلاقة الثابتة بين العرض والارتفاع. مثال على ذلك .square { aspect-ratio: 1 / 1; /* أو يمكنك كتابة 1 فقط */ width: 200px; /* الارتفاع سيصبح 200px تلقائياً */ }

تحتاج أولاً قبل كتابة سطر واحد من الكود، فهم المشروع بشكل كامل أي ماذا سيفعل المشروع؟ حدد الميزات الأساسية التي يجب أن يقدمها مشروعك. ما هي المدخلات والمخرجات؟ كيف يتلقى المشروع المعلومات؟ وماذا يقدم كنتيجة مثال: إذا كنت ستبني تطبيق لإدارة المهام، فكر: هل سيحفظ المهام محليًا أم سيتطلب قاعدة بيانات؟ هل سيكون له واجهة مستخدم رسومية أم سطر أوامر؟ وبعدها في الخطوة التالية هي تقسيم المشروع لأجزاء صغيرة فيمكنك التفكير في مشروعك كوحدة متكاملة، ثم قسمه إلى أجزاء أصغر يمكن إدارتها بشكل منفصل. على سبيل المثال، في تطبيق إدارة المهام، قد يكون لديك جزء لإدارة المهام (إضافة، حذف، تعديل)، وجزء لتخزين البيانات، وجزء لواجهة المستخدم و بناءً على تقسيم المشروع ومتطلباته، يمكنك الآن تحديد اللغات، الأطر (Frameworks)، والمكتبات التي ستحتاجها لكل جزء. مثال: إذا قررت أن تطبيق إدارة المهام سيكون له واجهة ويب، قد تفكر في React أو Vue.js للواجهة الأمامية، وNode.js أو Python/Django للواجهة الخلفية، وPostgreSQL كقاعدة بيانات. ولا تقلق فمن خلال متابعة المدرب والتطبيق معه في المشاريع التي يتم بناءها ستتعلم الخطوات السابقة

هناك العديد من الأسباب التي جعلت react أكثر شعبية مقارنة ببقية أطر العمل فتعتبر React أسهل في التعلم لمن لديهم خلفية في JavaScript و HTML. لا تفرض عليك React الكثير من المفاهيم المعقدة في البداية كما أن كونها مكتبة توفر مرونة أكبر للمطورين لاختيار الأدوات والمكتبات الأخرى التي يرغبون في دمجها معها مع وجود عدد كبير من المكتبات والأدوات مثل nextjs و react native . ومن الأسباب التي جعلتها بهذه الشعبية هو تطوير شركة ميتا لهذه المكتبة واستخدامها من قبل الشركات الكبرى

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

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

يمكنك تنزيل وتثبيت react-scroll في تطبيق React الخاص بك عن طريق تشغيل الأمر التالي في سطرالأوامر (terminal) npm install react-scroll وبعدها يمكنك استيراد المكون الذي تريده كالتالي import { Link, Element } from 'react-scroll'; أو استيراد المكتبة كاملة import * from react-scroll;

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

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

وعليكم السلام ورحمة الله وبركاته بناء موقع كامل يتطلب تعلم مجموعة من المهارات والأدوات في مجالات مختلفة. الأمر ليس سهلاً إطلاقاً فلتصبح مطور ويب شامل (Full-stack developer)، ستحتاج إلى تعلم أساسيات الواجهة الأمامية (Front-end) والواجهة الخلفية (Back-end)، بالإضافة إلى إدارة قواعد البيانات والنشر (Deployment) وبالإضافة لبعض الأدوات والمفاهيم الضرورية لأي مطور ويب . ولذلك إذا أردت الدخول لعالم الويب يفضل قبل أي شيء، فهم كيف يعمل الويب كيف يتواصل المتصفح مع الخادم؟ ما هو الـ IP Address، الـ Domain Name، والـ DNS؟ ما هي الـ URL والـ HTTP/HTTPS؟ ثم التعرف على المجالات بداخل مجال الويب من الإطلاع على التعليقات السابقة ويمكنك بعدها تحديد المجال الذي تريد تعلمه .

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

ملف الـ TSX هو بالفعل ملف TypeScript. واستخدام TSX يوفر بعض من المزايا، خاصة في المشاريع الكبيرة والمعقدة. وبالتالي إذا كنت تعمل على مشروع React أو مشروع واجهة أمامية آخر يستخدم JSX وترغب في الاستفادة من مزايا TypeScript، فستستخدم ملفات TSX.

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

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

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

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

هذه المشكلة لها العديد من الأسباب ولكن حاول التحقق من الاتصال بالإنترنت جرب فتح مواقع أخرى للتأكد من عمل الإنترنت والتأكد من إذا كان هذا الموقع فقط الذي به المشكلة. تأكد أيضاً من عنوان الموقع فحاول مثلاً اذهاب من هذا الرابط حاول أيضاً مسح cache وcookies المتصفح أو جرب التصفح الخفي (incognito mode) أو جرب متصفح آخر لاستبعاد مشاكل المتصفح يرجى تجربة الخطوات السابقة وإخباري بالنتيجة حيث أن الموقع يعمل بشكل سليم

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

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

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

على الرغم من أن المطلوب فقط هو الموديل والسنة للفئة العامة "السيارة"، إلا أن الفئات الفرعية يمكن أن تضيف سمات خاصة بها. لذلك، العلاقة هي وراثة (Inheritance) وليست تركيب (Composition). التركيب يعني أن كائنًا ما "يحتوي على" كائن آخر كجزء منه، مثل السيارة تحتوي على محرك (المحرك جزء من السيارة). لكن الشاحنة أو السيارة الرياضية "هي نوع من" السيارة، وهذا هو جوهر الوراثة. لنأخذ مثالاً لتوضيح التركيب لـ "السيارة" نفسها. السيارة لا ترث "المحرك"، بل "تحتوي على" محرك. الفئة Car (السيارة) لها خصائص مثل: model (الموديل), year (السنة). تحتوي على كائن من الفئة Engine (المحرك). الفئة Engine (المحرك) لها خصائص مثل: horsepower (قوة الأحصنة), cylinderCount (عدد الأسطوانات), type (النوع: بنزين، ديزل، كهربائي).

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

Electron.js يتيح لك بناء تطبيقات سطح المكتب باستخدام تقنيات الويب مثل HTML وCSS وJavaScript. في الأساس، يجمع Electron بين Chromium (محرك المتصفح) وNode.js (بيئة تشغيل JavaScript) لتشغيل تطبيقات الويب كتطبيقات سطح مكتب حقيقية. ولذلك يعتمد تعلمه على مسارك المهني ونوع التطبيقات التي تريد تطويرها فإذا كنت مهتمًا بتطوير تطبيقات سطح المكتب فإن Electron.js هو أداة قوية وفعالة. وبما أنك تتعلم تطوير الويب ولديك خبرة في HTML و CSS و JavaScript، فإن تعلم Electron.js سيكون سهلاً نسبيًا وسيفتح لك بابًا جديدًا في عالم تطوير البرمجيات.

الأدوات والميزات التي لا يمتلكها Vue مقارنة بـ react هي كالتالي أولاً vue لا يمتلك حلاً رسميًا مكافئًا لـ React Native مع أنه توجد بدائل لـ Vue مثل NativeScript-Vue ، لكنها لا تصل إلى نفس مستوى الشهرة والدعم لـ React Native. وأيضاً من النقاط المهمة هي أن vue لا يمتلك نفس الحجم الهائل والتنوع في المكتبات الخارجية (خاصة لإدارة الحالة، مكونات الواجهة، أدوات الاختبار) مقارنة بـ React. مع أن vue لديه نظام بيئي ممتاز ويكبر باستمرار، ولديه حلول رسمية رائعة، لكن حجم وتنوع مكتبات React يظل أكبر. ومع ذلك Vue و React أدوات قوية ومطلوبة. تعلم أحدهما بشكل جيد سيمنحك المهارات الأساسية التي يمكنك نقلها لتعلم الآخر إذا لزم الأمر. فالمفاهيم الأساسية لتطوير الواجهة الأمامية (مثل المكونات، إدارة الحالة، تدفق البيانات) متشابهة بينهما.

لتوضيح الخاصية v-model لنفترض أنك تبني نموذج تسجيل دخول بسيط. ستحتاج إلى حقل للبريد الإلكتروني وحقل لكلمة المرور. أولاً لدينا الكائن user يحمل الخاصية email و password new Vue({ el: '#app', data: { user: { email: '', password: '' }, }, }); ونريد عندما يكتب المستخدم بريده الإلكتروني أو كلمة المرور في الحقول، تتحدث قيم this.user.email و this.user.password تلقائيًا في بيانات Vue نستخدم v-model كالتالي <div id="app"> <form @submit.prevent="login"> <label for="email">البريد الإلكتروني:</label> <input v-model="user.email" type="email" id="email" required> <label for="password">كلمة المرور:</label> <input v-model="user.password" type="password" id="password" required> <button type="submit">تسجيل الدخول</button> </form> </div>