Mustafa Suleiman

اسم الخط هو Noto Kufi Arabic ستجده في google fonts

ترتيب المسارات لديك في ملف routes\book.routes.ts سبب المشكلة، حيث يتم مطابقة المسارات من أعلى لأسفل عند إرسال طلب، بالتالي إرسال طلب GET إلى /api/book/cart، فيتم مطابقته مع أول مسار وهو bookRouter.get('/:id', getBookById) والذي يعتبر السلسلة النصية cart كقيمة للمُعرف id. لذا قم بنقل المسار التالي من السطر 36 إلى 30 قبل bookRouter.get('/:id', getBookById); bookRouter.get('/cart', isAuthenticate, getCartUser);

يجب أولاً الحصول على المفتاح من خلال التوجه إلى: https://aistudio.google.com/u/0/api-keys ثم اضغط على create Api key أعلى اليمين، ثم أدخل أي اسم للمفتاح، ثم اضغط على create key وانسخ المفتاح. ثم توجه إلى جوجل كولاب ومن القائمة الجانبية على اليسار اضغط على أيقونة المفتاح باسم Secrets، ثم اضغط على Add a new secret، وفي حقل name، اكتب GOOGLE_API_KEY ويجب كتابة ذلك الاسم فقط. وفي حقل value، الصق مفتاح API الذي نسخته، ثم تأكد من تفعيل خيار Notebook access. ثم في خلية جديدة في Colab، قم بتشغيل الأمر التالي لتثبيت مكتبة Google AI. !pip install -q -U google-generativeai ثم كتابة الكود التالي للإتصال: import google.generativeai as genai from google.colab import userdata try: api_key = userdata.get('GOOGLE_API_KEY') genai.configure(api_key=api_key) except userdata.SecretNotFoundError as e: print(f"Secret not found: {e}") print("Please add the GOOGLE_API_KEY secret in the Colab secrets manager.") except Exception as e: print(f"An error occurred: {e}") model = genai.GenerativeModel('gemini-pro') prompt = "اشرح لي فكرة من مشاريع نوبل 2025" response = model.generate_content(prompt) print(response.text)

في حال وصلت الرسالة وقمتي بإدخال كود التفعيل ثم انتظرتي لمدة ما بين 24 إلى 48 ساعة، إذن يجب التواصل مع مركز المساعدة لحل المشكلة، من خلال الرابط التالي: https://support.hsoub.com/conversations

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

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

المواصفات جيدة من حيث الذاكرة العشوائية 24 جيجابايت ووحدة التخزين من نوع SSD، لكن المعالج وكرت الشاشة غير كافيين لتشغيل أو تدريب نموذج قوي، لذا ستحتاج إلى تثبيت نماذج بسيطة لتجربتها محليًا بحجم 1B أو 3B، وللتدريب استخدم منصة جوجل كولاب وسيتم شرح ذلك بالدورة.

يجب دائمًا تفقد الأخطاء في الـ logs على الاستضافة، هل يوجد أخطاء حاليًا؟

اختبر المشروع على حاسوبك إذن، وقم بتبديل رابط قاعدة البيانات برابط atlas وقم بمحاولة تسجيل حساب جديد، هل يتم الأمر بشكل سليم؟

الخادم يعمل، في حال لا يعمل، فستحصل على رسالة خطأ عند زيارة الرابط: https://pinterest-clone-3ans.onrender.com هل قمت بتعيين قيم لمتغيرات البيئة بشكل صحيح على الاستضافة؟ وبالأخص رابط قاعدة البيانات على Atlas

الخادم يعمل لا مشكلة فهو يعرض رسالة hell bun عند زيارة الرابط، قمت بمحاولة التسجيل فحدث خطأ، ما هي الأخطاء التي تظهر في الـ logs على الاستضافة؟

نعتذر لكِ عن أي إنزعاج أثناء تواجدك بالأكاديمية، قمت بتفقد الأمر ومنصة الأكاديمية تعمل بشكل سليم وسريع. هل لديكِ إضافة مانع إعلانات في المتصفح لديكِ؟ أحيانًا تسبب مثل تلك الإضافات مشاكل لمشغل الفيديو بالأكاديمية لسبب ما، لذا استثني الأكاديمية من المواقع التي تعمل عليها الإضافة، بمعنى ضعي الموقع في قائمة white list. أيضًا هل الإنترنت لديكِ مستقر؟ فربما يوجد مشكلة به، للتأكد في حال المشكلة تظهر على الهاتف أيضًا إذن المشكلة من شبكة الإنترنت لديك، حاولي تعديل إعدادات الـ DNS للشبكة لديكِ إلى جوجل أو Cloudflare والأداة التالية جيدة حمليها واختاري من القائمة الـ dns ثم apply https://dnsjumper.net أو ربما المشكلة في المتصفح، حاولي تحديثه أو استخدمي متصفح آخر.

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

الواجهة الخلفية ليست بتلك السهولة بل معقدة أكثر من الواجهة الأمامية، الفكرة أنك لا تتعامل مع تصميم والألوان بل منطق برمجي فقط، وبالطبع ليس دائمًا فهناك مشاريع الواجهة الأمامية بها معقدة أكثر. ولا تتنقل بين اللغات والتقنيات بشكل عشوائي، في البداية يجب الإلتزام بمسار مُحدد ولا مشكلة في تغيير التخصص حيث أنك في مرحلة استكشاف لمجال البرمجة، ويجب الآن التعمق في تخصص محدد لاكتساب خبرة به لدخول سوق العمل. حاليًا المطلوب أكثر هو Full-Stack، وتستطيع التغلب على مشكلة الضعف في الواجهة الأمامية من خلال استخدام إطار عمل مثل Tailwind ومكونات جاهزة من خلال shadcn لكن بالطبع يشترط تعلم الأساسيات HTML, CSS, JS والوصول لمستوى متوسط على الأقل بهم.

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

مبارك لك مجهود تُشكر عليه، الآن تنتقل لمرحلة المراجعة والاستعداد للإختبار، هل قمت بالتطبيق العملي على الدروس؟ حيث هناك تطبيقات عملية مطلوب تسليمها، وكذلك الممارسة العملية هي الأهم عند تعلم البرمجة وليس المشاهدة. ليس المطلوب منك رفع التطبيقات العملية البسيطة، بل المشاريع العملية الكاملة، بمعنى في قسم "استخراج البيانات من الويب Web scraping" يوجد تطبيق عملي ستوظف به ما تعلمته، فذلك مطلوب منك رفعه. وفي مسار "تطبيقات عملية على النماذج النصية الكبيرة LLMs" مطلوب منك التطبيقات التي سنقوم بها في ذلك المسار. بالتالي لتجنب إدخال نفسك في متاهة مفرغة، أرجو إنشاء مجلد للدورة ثم بداخله قم بإنشاء عدّة مجلدات حيث مجلد لكل مسار في الدورة. وبداخل كل مجلد قم بوضع التطبيقات العملية التي قمنا بها في ذلك المسار. ثم رفع المجلد الرئيسي بالكامل بما يحتويه من مجلدات على مستودع GitHub وتوفير الرابط الخاص به عند التقدم للإختبار. وفي حال وجود مشروع به الكثير من الملفات والمجلدات ويحتاج إلى مجلد خاص به مثل مشروع "تخصيص نموذج لغة باستخدام LangChain و OpenAI" هنا تقوم برفع المشروع على مستودع GitHub منفصل خاص به. ويجب تعلم مهارة استخدام GIT ومنصة GitHub فهي أساسية لا غنى عنها، ستجد مصادر هنا: ولمراجعة الدورة عليك بتنفيذ مشاريع مشابهة لما قمت به بالدورة، لكن على بيانات جديدة وستجد ذلك في موقع Kaggle، ثم العودة للدروس لمراجعة نقاط الضعف التي وجدتها لديك. أي قم بمراجعة مسار مسار من خلال التطبيق العملي، وفي حال المسار نظري، لخص أهم النقاط التي تعلمتها منه، واشرح لنفسك بشكل شفهي كيف تعمل الخوارزمية مثلاً.

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

يوجد طلب على المجالين، لكن النصيحة بشكل عام ضررها أكثر من نفعها، لذا يجب توضيح ظروفك من أجل الحصول على نصيحة مناسبة لك، أي ما وضعك الحالي وما هو هدفك وما هي بلدك وما مستوى اللغة لديك وهكذا. بشكل عام، من حيث سهولة دخول سوق العمل فمجال الأمن السيبراني أفضل في تلك النقطة، حيث توجد وظيفة محددة اسمها محلل مركز عمليات أمنية - SOC Analyst Tier 1 وتلك الوظيفة مصممة للمبتدئين لمراقبة التنبيهات الأمنية والتعامل معها. أيضًا في الأمن السيبراني، شهادات مثل CompTIA Security+ أو Certified Ethical Hacker (CEH) لها وزن وتأثير في الحصول على وظيفة، وحتى أهم من الدرجة الجامعية.

غالبًا يوجد تضارب بين z-index و overflow، فلديك حاوية div لها الكلاس .field تحتوي على القائمة المنسدلة select، وحاوية أخرى أسفلها التي تحتوي على قائمة المواضيع التابعة ولها الكلاس .box وقمت بتعريف ما يلي للكلاس .box: .box { position: relative; z-index: 1; } خاصية z-index: 1 تجبر الـ div على أن يرتفع طبقة واحدة فوق العناصر الأخرى التي ليس لها z-index محدد والتي تعتبر z-index: auto أو 0. بالتالي عند فتح القائمة المنسدلة select، تظهر خياراتها لكن بما أن العنصر .box الذي يقع تحتها له z-index أعلى من الحاوية التي توجد بها القائمة، فيظهر فوق خيارات القائمة ويغطيها. وقمت بالفعل بحل المشكلة من خلال: @media (min-width: 801px) { .field:focus-within { z-index: 9999; } } لرفع الـ .field إلى طبقة عليا عند التركيز على القائمة، ولكن يبدو أن Firefox لا يزال يعطي الأولوية لسياق التكديس الذي أنشأه .box أقصد خاصية z-index أيضًا التعليق الذي كتبته /* تحت السيلكت عند الفتح */ يعني أنك تريد أن يكون العنصر تحت القائمة، ولكن z-index: 1 يفعل العكس حيث يضعه فوق العناصر التي ليس لها z-index، ويجب إزالته. قم بتجربة إزالة z-index: 1 من العنصر .box، فهو ليس ضروري ويسبب المشكلة وبما أن العنصر .box يأتي بعد .field في ترتيب الـ HTML، فلن تكون هناك حاجة لإعطائه z-index ليبقى في مكانه. .box{ border:1px solid var(--line); border-radius:12px; padding:10px; max-height:340px; overflow:auto; background:var(--card); position:relative; /* z-index:1; */ }

الكود المشترك في دالة والوراثة تنبعان من نفس المبدأ الأساسي وهو Don't Repeat Yourself - DRY لكنهما ليسا نفس الشيء، بل تطبيقان مختلفان لهذا المبدأ في نموذجين برمجيين مختلفين. فالكود المشترك في البرمجة الإجرائية مثل لغة C، فكرته هي أنه لو لديك مجموعة من الأسطر التي تتكرر في دالتين أو أكثر، تستطيع وضعها في دالة مساعدة جديدة، ثم تستدعي الدالة المساعدة من كل الأماكن التي تحتاجها. أي علاقة استخدام أو استدعاء فالدالة find_parent والدالة check تستخدمان نفس منطق التنقل في الشجرة، لمشاركة منطق أو خوارزمية محددة بين عدة دوال. بينما الوراثة في البرمجة كائنية التوجه OOP مثل C++, Java, Python، فلا تشارك مجرد جزء من الكود، بل تشارك هوية وسلوك كامل، أي طريقة لإنشاء Class جديدة بناءًا على كلاس موجود، فالكلاس الجديد الابن يرث كل الخصائص أي المتغيرات والسلوكيات وهي الدوال من الكلاس الأصل الأب. لذا يوجد علاقة نوع من، فالسيارة هي نوع من المركبات، والقطة نوع من الحيوانات، أي إنشاء تسلسل هرمي بين الكائنات، حيث يرث كائن متخصص كل صفات وسلوكيات كائن أعم منه. ليس كذلك، فكتابة الكود بتلك الطريقة غير عملية، بل يستخدمون مفاهيم برمجية مثل الوراثة والمبادئ الخاصة بها مثل Method Overriding. أي إنشاء كلاس عام اسمه Enemy يحتوي على كل الخصائص والسلوكيات المشتركة بين كل الأعداء في اللعبة، ووداخل دالة die() في الكلاس Enemy الأساسي، يكتبون الكود مرة واحدة فقط، ثم لكل نوع مختلف من الأعداء، يتم إنشاء كلاس جديدة يرث من الكلاس Enemy الأساسي. وبما أن Soldier و Sniper و Guard جميعهم يرثون من Enemy، فيحصلون تلقائياً على دالة die() بنفس الكود المشترك دون الحاجة لكتابتها مرة أخرى، وعندما يموت أي منهم في اللعبة، يتم استدعاء نفس الدالة die() من الكلاس الأب، فيصدر نفس الصوت وتحدث نفس الحركة. وبالنسبة للعدو المميز كزعيم مثلاً له صوت وحركة موت مختلفة؟ يتم استخدام مبدأ تجاوز التابع Method Overriding حيث لكلاس الزعيم أن يرث من Enemy أيضًا، لكن يُعيد كتابة دالة die() الخاصة به لتنفيذ سلوك مختلف.

يجب تعديل الكود لربط Form3 بنافذة invoice الأصلية، أي ستقوم بإضافة مُنشئ constructor جديد إلى Form3 يقبل كائن من نوع invoice ويخزنه. ثم تعديل نافذة invoice لتمرير نفسها إلى Form3، ثم تعديل معالج حدث النقر dataGridView3_Click في invoice.cs لتمرير النسخة الحالية من نافذة الفاتورة this إلى Form3. أرفقت لك الملفين بعد التعديل. Form3.cs invoice.cs

لم يعد هناك حاجة إلى الفلاش بسبب تطور لغات الويب، حيث HTML5 الخاصة بتطوير الهيكل الأساسي للصفحة، تم بها إضافة عناصر قوية حلت محل الفلاش مباشرة، وهي<canvas> عبارة عن لوحة رسم رقمية تستطيع الرسم عليها وتحريك العناصر باستخدام الجافاسكريبت لإنشاء رسوم متحركة، ألعاب، إعلانات تفاعلية، ورسوم بيانية. أيضًا <video> و <audio> لتشغيل الفيديو والصوت مباشرة في المتصفح دون الحاجة لمشغل فلاش. كذلك لغة CSS3 وهي لغة التصميم والتنسيق، وأصبحت قوية جداً في إنشاء التأثيرات والحركات، عن طريق Transitions أي الانتقالات لعمل تأثيرات ناعمة عند تغير حالة عنصر ما، كتغيير اللون أو الحجم عند مرور الماوس، والرسوم المتحركة Animations لإنشاء سلاسل حركية معقدة ومتكاملة مثل تحريك إعلان عبر الشاشة باستخدام keyframes. بجانب SVG وهي تقنية رسوميات متجهة كالفلاش ولكن بمعيار ويب مفتوح، وحجمها صغير، لا تفقد جودتها عند تكبيرها، ويمكن التحكم في كل جزء منها وتحريكه باستخدام CSS و JavaScript، بالتالي مثالية للشعارات والأيقونات والرسوم التوضيحية المتحركة. وحاليًا يتم استخدام برنامج Adobe Animate CC والذي هو نفسه برنامج فلاش القديم ولكن تم تطويره ليقوم بتصدير الملفات بصيغة HTML5 Canvas و JavaScript بدلاً من ملفات SWF.

استخدم تقنية Hybrid Search مع نموذج embedding متعدد اللغات، بمعنى يوجد نماذج Embedding عربية متقدمة فالنماذج الحديثة تفهم المرادفات تلقائيًا: from sentence_transformers import SentenceTransformer model = SentenceTransformer('sentence-transformers/paraphrase-multilingual-mpnet-base-v2') # أو model = SentenceTransformer('aubmindlab/bert-base-arabertv2') لديك أيضًا CAMeLBERT. وذلك لنتمكن من البحث الدلالي Semantic Search والذي يفهم المعنى بحيث يجد قطة و بسة و هرة. كذلك Keyword Search للبحث بالكلمات، والذي يعتمد على TF-IDF لمطابقة الكلمات النصية لتضمن دقة النتائج عند التطابق الحرفي. وابدأ بـ 0.7 للـ embedding و 0.3 للكلمات المفتاحية، وفي حال يوجد أكثر من 10,000 خدمة، استخدم FAISS للسرعة، وأعد حساب الـ embeddings عند إضافة خدمات جديدة.

يجب تثبيت bun أولاً من خلال تنفيذ الأمر التالي في منفذ الأوامر powershell powershell -c "irm bun.sh/install.ps1|iex" ثم أغلق منفذ الأوامر ومحرر الأكواد vscode، وأعد تشغيلهم وتنفيذ التالي للتحقق من التثبيت: bun --version من المفترض أن يظهر لك إصدار bun في حال لم يظهر، إذن يجب إضافة bun لمتغيرات البيئة من خلال تنفيذ التالي في منفذ الأوامر powershell [System.Environment]::SetEnvironmentVariable( "Path", [System.Environment]::GetEnvironmentVariable("Path", "User") + ";$env:USERPROFILE\.bun\bin", [System.EnvironmentVariableTarget]::User ) ثم أغلق منفذ الأوامر ومحرر الأكواد vscode، وأعد تشغيلهم وتنفيذ التالي للتحقق من التثبيت: bun --version

أرفق مجلد المشروع بشكل مضغوط لتفقده