محمد_عاطف

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

أعتقد أنك قد كنت سابقا وضعت سؤال وكنت تخبر فيه أنك لا تريد كتابة الأكواد ولكن العمل كمدير مشروع وتقوم بتعين المبرمجين والأشخاص للعمل على المشاريع . إذا أعتقد أنك بحاجة إلى "دورة تطوير التطبيقات باستخدام JavaScript" حيث في تلك الدروة يتم شرح React للواجهات الأمامية وأيضا Node.js مع Express للواجهات الخلفية وأيضا لغة Type Script و إطار عمل Next.js . ولهذا فإنك كمدير مشروع ستتعامل مع كثير من المبرمجين الذين لديهم الخبرات ويعملون على التقنيات السابقة وأيضا إن Java Script مطلوبة بكثرة في المشاريع والوظائف وهكذا بجاتب php و Laravel ستفيدك بشكل كبير تلك الدورة لتكون مدير مشروعات ملم بأغلب وأكثر التقنيات طلبا.

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

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

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

يبدوا أنك قد قمت بإنشاء موقع static أى مواقع ثابته لا تتغير محتوياتها فإذا كان الأمر كذلك فبالفعل ستجد صعوبة قليلة في بادئ الأمر . حيث ستتعامل مع تعقيدات React ولكن الموقع الخاص بك لا يحتاج إلى ذلك. ولكن لو أردت إنشاء موقع صفحة واحده (Single Page Application) أى أن الموقع لا يقوم بإعادة التحمل بل عند الذهاب إلى صفحة ما فإنه يتم حذف العناصر ووضع العناصر الجديدة بدلا منها تلقائيا دون أن تقوم أنت بذلك. ولهذا فإن المواقع الدايناميكة والتي تعتمد على إحضار البيانات من الخوادم ومن خلال ال API والتي البيانات بها تتغير بإستمرار بناء على الحالات والمستخدمين . فهنا لو إستخدمت Java Script مباشرة ستجد صعوبة بالغة جدا في التعامل مع ال DOM ومع العناصر . حيث ستقوم بحذف العناصر بنفسك وإنشاء العناصر الجديدة ومن ثم وضعها في الصفحة والتي ستجعل الموقع بطئ والكود الخاص بك كبيرا جدا وأيضا صعب ومعقد. أما React فإنها تستعمل ما يسمى "Virtual DOM" والذي يدير تحديثات العناصر بطريقة فعالة ويجعل عملية التلاعب بالعناصر سهلة ومنظمة وكل ما عليك فعله فقط هو إنشاء المكونات والعناصر و React هو من سيتولى عملية حذف وإضافة العناصر بطريقة سريعه جدا . ولهذا فإن React مناسب فقط للمواقع الديناميكية ومواقع الصفحة الواحدة. أما المواقع الثابتة فإستعمال React سيجعل عملية التطوير كبيرة ومعقدة.

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

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

ما هي لغات البرمجة التي تعلمتها إلى الآن ؟ وهل وصلت إلى مسار أساسيات "أساسيات Node.js" في دورة "تطوير التطبيقات باستخدام JavaScript" ؟ يرجى أولا قراءة التعليق السابق إذا لم تكن قد قمت بالوصول إلى المسار بعد.

إن ما تريد إنشاءه يعتمد بشكل كبير على لغة nodejs مع مكتبة express وأيضا socket.io لإرسال الرسائل اللحظية للمستخدمين وإنشاء الغرف. وبما أنك مشترك في دورة "تطوير التطبيقات باستخدام JavaScript" ستجد مسار "تطبيق دردشة يشبه WhatsApp" حيث في خذا المسار ستتعلم إنشاء تطبيق دردشة كامل . ولكن سينبغي عليك دراسة أساسيات nodejs مع react.

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

يمكنك قراءة الإجابة التالية :

الأمر ليس بتلك السهولة أبدا . حيث يجب إستخدام بوابات دفع لتحقيق ذلك حيث توفر لك بوابات الدفع الروابط والإمكانية الآمنه لسحب الأموال والدفع على موقعك . أشهر بوابة للدفع من خلال البطاقة الإئتمانية هي stripe و paypal . ويمكنك استعمال stripe من هنا https://stripe.com/

هل تقصد جعل العناصر تأتي من الأسفل إلى الأعلى أم اماذا ؟ إذا كان كذلك فيمكنك إنشاء keyframes لجعل الروابط تظهر من الأسفل إلى الأعلى مع تغير ال opacity لتظهر بشكل باهت أولا . وال keyframes بسيط كتالي : @keyframes fadeInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } الآن يجب عليك إنشاء كلاس وليكن مثلا بإسم fade-in-up ونضع له ال animation بال keyframes التي أنشأنها .ولأننا نريد تأخير بعض العناصر عن الأخرى سنقوم بتأخير عرض ال animation لكل عنصر هكذا : .fade-in-up:nth-child(1) { animation: fadeInUp 1s ease-in-out forwards; } .fade-in-up:nth-child(2) { animation: fadeInUp 1.3s ease-in-out forwards; } .fade-in-up:nth-child(3) { animation: fadeInUp 1.5s ease-in-out forwards; } .fade-in-up:nth-child(4) { animation: fadeInUp 1.7s ease-in-out forwards; } .fade-in-up:nth-child(5) { animation: fadeInUp 1.9s ease-in-out forwards; } والآن كل ما عليك هو وضع الكلاس fade-in-up لعناصر القائمة وإليك كود كامل للإختبار : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> nav { background-color: #fff; padding: 20px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: fixed; width: 100%; top: 0; z-index: 1000; } .nav-container { display: flex; justify-content: center; max-width: 1200px; margin: 0 auto; } .nav-items { display: flex; list-style: none; margin: 0; padding: 0; } .nav-item { margin: 0 20px; opacity: 0; transform: translateY(20px); } .nav-item a { text-decoration: none; color: #333; font-weight: 600; font-size: 16px; transition: color 0.3s; } .nav-item a:hover { color: #007bff; } /* تأثيرات الظهور */ .fade-in-up:nth-child(1) { animation: fadeInUp 1s ease-in-out forwards; } .fade-in-up:nth-child(2) { animation: fadeInUp 1.3s ease-in-out forwards; } .fade-in-up:nth-child(3) { animation: fadeInUp 1.5s ease-in-out forwards; } .fade-in-up:nth-child(4) { animation: fadeInUp 1.7s ease-in-out forwards; } .fade-in-up:nth-child(5) { animation: fadeInUp 1.9s ease-in-out forwards; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } </style> </head> <body> <nav> <div class="nav-container"> <ul class="nav-items"> <li class="nav-item fade-in-up"><a href="#">Home</a></li> <li class="nav-item fade-in-up"><a href="#">About</a></li> <li class="nav-item fade-in-up"><a href="#">Skills</a></li> <li class="nav-item fade-in-up"><a href="#">Services</a></li> <li class="nav-item fade-in-up"><a href="#">Contact</a></li> </ul> </div> </nav> </body> </html> أو يمكنك إستخدام المكتبة AOS (Animate On Scroll) وهي مكتبة ممتازة لل animation وستوفر عليك الكثير من الوقت في إستخدام animation معقدة . وهذا هو رابط المكتبة : https://michalsnik.github.io/aos/

وعليكم السلام ورحمة الله وبركاته. إن استخدام نماذج الانحدار Linear أو Poly Regression لتوقع بيانات زمنية (Time Series) صحيح ولكن يجب إستخدامه بحذر لأنه غالبا لا يكون هو الأسلوب الأفضل. وذلك لأن الانحدار العادي Linear أو Polynomial Regression يفترض أن البيانات مستقلة وغير مترابطة زمنيا.ولكن في البيانات الزمنية هناك ترابط وتسلسل زمني بين القيم مثل الموسمية (seasonality) أو الاتجاه (trend) أو التأثيرات السابقة (lag). حيث عند استخدام نموذج انحدار لتوقع المستقبل فأنت تقوم بعملية extrapolation خارج نطاق البيانات الأصلية وهذا غالبا لا يجعل أداء النموذج دقيق في هذه الحالة وخصوصا إذا كانت البيانات تتغير بشكل غير خطي أو تتأثر بمواسم أو عوامل زمنية. وإن نماذج الانحدار مفيدة في بعض الحالات مثل: وجود اتجاه واضح (trend) في البيانات يمكن تمثيله بخط مستقيم أو منحنى. إذا كانت البيانات خالية من الموسمية والتقلبات العشوائية الكبيرة. لتفسير العلاقة بين الوقت كمتغير مستقل والمتغير المستهدف . ولكن بمجرد دخول عوامل موسمية أو تأثر القيم السابقة بالقيم المستقبلية تصبح النماذج غير كافية. نعم حيث نماذج مثل ARIMA أو Prophet أو AutoTS أو LSTM (للشبكات العصبية) مصممة خصوصا لفهم وتحليل الأنماط الزمنية.

هل يمكنك توضيح المشكلة ؟ الأكواد يتم تنفيذها والتنسيقات تعمل دون أى مشكلة . ويتم ربط ملف css بملف html .

وعليكم السلام ورحمة الله وبركاته. هل تقصد حجم الخط أم ماذا ؟ لصغير حجم الخط يمكنك الضغط على زر CTRL مع زر - ولتكبير الحجم نقوم بالضغط على +

هذا ما يسمى بال favicon . حيث يجب عليك في جزء ال head في الصفحة أن تضيح العنصر link وتضع به ربط الصورة ويفضل أن تكون بصيعة ico ليكون الشكل كالتالي : <link rel="icon" href="favicon.ico" type="image/x-icon"> حيث يمكنك إستبدال favicon.ico بمسار الصورة التي تريد عرضها. وأيضا يمكنك عرض أكثر من صورة بناء على حجم الشاشة أو نوع الجهاز .

لاحظ أن wordpress موجود بخارج المجلد candl . هل الموقع الخاص بك يشير إلى داخل المجلد candl ؟ إذا كان كذلك فغالبا هذه هي المشكلة . أن المسار الرئيسي هو المجلد candl لذلك يرجى نقل wordpress بداخل المجلد والمحاولة مرة أخرى.

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

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

لا تحتاج إلى أى معرفة برمجية مسبقة فكما تلاحظ في وصف الدورة فقد تم ذكر أنك ستتعلم "كل ما تحتاجه من لغة Python لتطبيقات الذكاء الاصطناعي" . والذكاء الإصطناعي يعتمد بشكل أساسي على الرياضيات والإحصائيات و بشكل عام يتم شرح كافة الأمور الرياضية التي لها أهمية في آلية العمل، و لكن بالطبع من المفترض أن يكون لديك معرفة ببعض الأمور البسيطة مثل معادلة المستقيم. و لكن هذا لن يشكل حاجز يمنعك من متابعة الدورة، يمكنك بكل بساطة البدء بها و في حال كان هناك شيء لم تفهمه يمكنك البحث عنه. ولكن يفضل إذا لم يكن لديك أى خلفية مسبقة عن مجال التكنولوجيا عموما والبرمجة خصوصا فيمكنك إخذ دورة علوم الحاسوب . ويوجد حاليا "عرض طوّر مهاراتك بفرصة مضاعفة" وهنا يمكنك شراء دورتين بسعر دورة واحدة : https://academy.hsoub.com/offers/double-skills-2025/ يمكنك إذا أردت شراء دورة علوم الحاسوب مع الذكاء الإصطناعي وبدء التعلم بدورة علوم الحاسوب.

من المفترض الآن أن الأزرار جميعها تعمل وهي الأرقام وحرف c للحذف وللسهم . أما بخصوص + و - و × و ÷ فهما لن يعملوا لأنك لم تقم بكتابة المنطق الخاص بهم : لاحظ كيف أن الكود الخاص بهم فارغ. لذلك يجب عليك إنشاء المنطق الخاص بكل زر منهم. وأيضا لاحظ أن زر = غير موجود في HTML.

إذا لاحظت في ال console ستجد أن الكود يعمل دون أى مشكلة ويتم تحميل الملف بشكل صحيح. أما بخصوص عدم المنطق كما نريد فهذا بسبب وجود أخطأء لديك . أولا في سطر 84 لاحظ أنك قمت بكتابة even ولكنك تستخدم في الدالة event لهذا يجب تعديلها إلى event هكذا : document.querySelector('.calc-buttons').addEventListener('click' , function(event){ الآن في سطر 76 لاحظ أنك تستخدم === ولكن الصحيح هو علامة = واحدة لتعين القيمة هكذا : buffer = numberString;

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