-
المساهمات
9834 -
تاريخ الانضمام
-
تاريخ آخر زيارة
-
عدد الأيام التي تصدر بها
154
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
كل منشورات العضو محمد عاطف25
-
هل تقصد الدروس في الدورة هنا على الأكاديمية ؟ إذا كان كذلك فحاليا لا تتوفر أى ملخصات أو ترجمة "إسكربت" للدورات وذلك منعا لسرقة محتوى الدورة ونشرها على الإنترنت . ولكن ستجد في بعض الدروس أسفل الفيديو يتم توفير روابط للملخصات أو مقالات المنشورة بشكل مجاني هنا على موقع الأكاديمية أو على موسوعة حسوب .
-
إن node خاصة بجزء الواجهة الخلفية أى الخادم . ولهذا لا يمكن إستخدان DOM مباشرة لأن الدردشة تتطلب خادم ليقوم المستخدمين بالإتصال وإرسال الرسائل إلى بعضهم البعض . أما إذا كنت تقصد إستخدام جافاسكريبت فقط لإنشاء الواجهة الأمامية فنعم بالطبع يمكنك ذلك . ولكن الأمر سيكون صعبا للغاية ولهذا مكتبة React ستسهل عليك الكثير من الأمور.
-
ما هي لغات البرمجة التي تعلمتها إلى الآن ؟ وهل وصلت إلى مسار أساسيات "أساسيات Node.js" في دورة "تطوير التطبيقات باستخدام JavaScript" ؟ يرجى أولا قراءة التعليق السابق إذا لم تكن قد قمت بالوصول إلى المسار بعد.
-
إن ما تريد إنشاءه يعتمد بشكل كبير على لغة nodejs مع مكتبة express وأيضا socket.io لإرسال الرسائل اللحظية للمستخدمين وإنشاء الغرف. وبما أنك مشترك في دورة "تطوير التطبيقات باستخدام JavaScript" ستجد مسار "تطبيق دردشة يشبه WhatsApp" حيث في خذا المسار ستتعلم إنشاء تطبيق دردشة كامل . ولكن سينبغي عليك دراسة أساسيات nodejs مع react.
-
ستجد أسفل فيديو الدرس صندوق للتعليقات كما هنا يرجى طرح سؤالك أسفل الدرس وليس هنا حيث هنا قسم الأسئلة العامة ولا نقوم بإجابة الأسئلة الخاصة بمحتوى الدورة أو الدرس، وذلك لمعرفة الدرس الذي توجد به مشكلتك و لمساعدتك بشكل أفضل.
-
هل تقصد جعل العناصر تأتي من الأسفل إلى الأعلى أم اماذا ؟ إذا كان كذلك فيمكنك إنشاء 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 (للشبكات العصبية) مصممة خصوصا لفهم وتحليل الأنماط الزمنية.
- 3 اجابة
-
- 1
-
-
هذا ما يسمى بال 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 هو البيئة الرسمية من جوجل لتطوير تطبيقات الهاتف ويحتوي على كل الأدوات المدمجة مثل محاكي للهواتف و مصمم واجهات و تحليل الأداء وغيرها من المميزات التي ستساعدك في تطوير تطبيقات الهاتف.
- 4 اجابة
-
- 1
-
-
لا تحتاج إلى أى معرفة برمجية مسبقة فكما تلاحظ في وصف الدورة فقد تم ذكر أنك ستتعلم "كل ما تحتاجه من لغة 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;
-
أولا يجب عليك عدم تخطي أى درس دون فهمه تماما والتطبيق عليه وحل التمارين . وعدم جعل الدروس تتراكم عليك . فمن الممكن بعد عدة دروس أن تكون قد نسيت الدروس الأولى ولكن إذا كنت قد طبقت عليها مباشرة بعد إنهاءها ستجد أنك ما زلت تتذكرها . والتدوين أفضل بالطبع ولكن بعد إنتهاء الدرس . حيث يمكنك تلخيص الدرس بعد إنهاءه وكتابة ما قد تعلمته منه ولكن إذا وجدت في وسط الدرس معلومة مهمة أو شئ تخشى أن تنساه يمكنك بالطبع كتابته مباشرة. ويمكنك قراءة النصائح التالية لمزيد من التفاصيل :
-
يمكنك استخدام خريطة الرموز في ويندوز (Character Map). يرجى فتح قائمة البدأ والبحث عن Character Map ومن ثم فتحه. سيظر لك التالي : قم بتحديد خيار Advanced View كما في الصورة . وفي حقل go to unicode يمكنك كتابة الرقم 2190 . سيتم تحديد السهم في الأعلى قم بإختيار كلمة select ومن ثم copy والآن يمكنك لصقه في أى مكان.
-
في هذا التمرين يتم طلب بناء نموذج للتنبؤ بحجم حركة المرور بناء على عدد الركاب في قطار أو مترو وذلك باستخدام البيانات المقدمة في ملف يسمى Metro_Interstate_Traffic_Volume. أولا البيانات (Dataset): إن اسم مجموعة البيانات هو Metro_Interstate_Traffic_Volume وتحتوي تلك البيانات على معلومات تتعلق بحركة القطارات و المترو في الولايات المتحدة الأمريكية USA . ثانيا الميزات (Features) وهذه هي المتغيرات (الأعمدة) الموجودة في مجموعة البيانات والتي ستستخدمها للتنبؤ: درجة الحرارة (Temperature). المطر (Rain). العطلات (Holidays). التاريخ والوقت (Date and Time). حجم المرور (Traffic Volume). ثالثا الهدف (Objective) : حيث الهدف الرئيسي هنا هو التنبؤ بقيمة حجم حركة المرور ولتتخيل أنه تطبيق عملي يمكن أن يساعد المستخدمين على معرفة ما إذا كانت محطات القطار ستكون مزدحمة بناء على حجم حركة المرور المتوقعة. ورابعا التعليمات لك في التمرين (Instructions) : الهدف لك هو تحقيق دقة أعلى من زملائك. ويجب عليك استخدام نهجين مختلفين للتنبؤ: تقنية كلاسيكية (Classical Technique): مثل الانحدار الخطي (Linear Regression) أو الغابات العشوائية (Random Forest) أو غيرها من خوارزميات التعلم الآلي التقليدية. شبكة عصبية (Neural Network). ومسموح لك بإجراء أي معالجة مسبقة للبيانات (Data Preprocessing) تراها ضرورية لتحسين أداء النموذج . وتلخيصا لما سبق المطلوب منك هو بناء نموذج يتنبأ بعدد الركاب (Traffic Volume) بناء على عوامل مثل درجة الحرارة و المطر و العطلات والوقت. ويجب عليك تجربة نوعين من النماذج (كلاسيكي والشبكة العصبية) ومقارنة نتائجهما لتقديم النتائج الأفضل. ويمكنك تعديل وتنظيف البيانات حسب الحاجة لتحسين الأداء.
- 2 اجابة
-
- 1
-
-
لا داعي للقلق والسماح بهذا الشعور أن يسيطر عليك . حيث أن شعورك طبيعي جدا ولست أنت فقط بل يمر بهذا الأمر أغلب الأشخاص في بداية تعلمهم للبرمجة. فجميعنا في بداية تعلم أى شئ جديد نصاب بالتشتت والإحباط خاصة لو واجهنا صعوبة في بداية الأمر و الإستسلام لهذا الشعور يعنى الفشل لذلك لا تقلق فالأمر بسيط وستجد بعد ذلك أن الأمر لا يستدعي كل هذا القلق والتشتت . إن فهم الأساسيات بشكل نظري أو حتى من خلال التطبيق على تمارين صغيرة والتطبيق عليها في مشروع عملي حقيقي شيء مختلف تماما. حيث التطبيق في مشاريع كبيرة يتطلب فهم الأساسيات بشكل عميق وأيضا كيفية ربطها معا لتنفيذ المشروع . ولذلك فإنه ليس بمجرد مذاكرتك للأساسيات يعتبر النهاية . حيث يتوجب عليك فهمها جيدا وفهم طريقة عملها وفيما تستخدم حتى تستطيع الربط بين جميع تلك الأساسيات معا. لهذا أنصحك بمراجعة الاساسيات مرة أخرى والتأكد من فهم الدرس 100% والتطبيق عليها كثيرا والبحث عن مشاكل أو تمارين لحلها حتى تستطيع أن تقوم بحل أى مشكلة تواجهك قبل التوجه إلى المشاريع العملية. ويمكنك قراءة الإجابات التالية لمزيد من النصائح حول طريقة مذاكرة الدورة :
-
وعليكم السلام ورحمة الله وبركاته. بالنسبة للتسعير فيوجد عدة طرق منها : التسعير بعدد الساعات : حيث في هذا النوع تحسب سعر المشروع وفقا لعدد الساعات التي تحتاجها لتنفيذ ولكن هذه الطريقة تحتاج للخبرة وليس للأشخاص المبتدئين وذلك لتقدير الوقت الفعلي . وأيضا سعر الساعة يختلف بإختلاف خبرة الشخص فمع الخبرة العمل المنجز يأخذ وقت أقل لهذا ترتفع سعر الساعة . ويمكنك البحث ودراسة المواقع الخاصة بالعمل الحر لتحديد سعر متوسط الساعة. تسعير المشروع ككل: هنا تعتمد على تسعير المشروع كاملا وهذا يختلف بناء على حجم المشروع والمميزات التي يطلبها العميل . ويجب أيضا تحديد عدد التعديلات التي يمكنك عملها للعميل وعدم ترك الأمر مفتوحا . تقسيم المشروع : يمكنك تقسيم المشروع إلى عدة مراحل إذا كان كبيرا وهنا تنشأ كل جزء وتقيم سعره بناء على اللميزات التي به والوقت المقدر لتنفيذه. ويمكنك قراءة التالي لمزيد من التفاصيل والنصائح :
- 3 اجابة
-
- 1
-
-
وعليكم السلام ورحمة الله وبركاته. بما أنه ليس لديك الوقت الكافي فأنصحك بإستخدام PHP مع إطار عمل Laravel حيث لغة PHP من أسهل اللغات حاليا وستتعلمها بسرعه . وأيضا يوفر لك Laravel الكثير من الأمور التي ستحتاجها لتطوير منصتك التعليمية وستجد منصات كثيرة مبنية بلغة PHP مع إطار عمل لارافيل والتي من الممكن أن تساعدك في إقتراح المميزات التي ستحتاجها في منصتك وأيضا ستساعدك في كتابة المشروع. أما Ruby فتعلمها سيأخذ الكثير من الوقت منك لهذا يمكنك الإختيار بناء على الوقت الذي لديك .
- 3 اجابة
-
- 1
-
-
لا لن تحتاجي إلى أى برامج أخرى . وأى جهاز حاسوب أو لابتوت سيفي بالغرض حيث لن تحتاجي إلى إمكانيات كبيرة حاليا .
- 9 اجابة
-
- 1
-
