Adnane Kadri

قد تحتاج دورة ممنهجة ومنظمة أحسن من التعرض لمفاهيم وجزئيات المجال بنفسك، عموما، يتم التطرق لهاته المفاهيم في مثل هاته الدورات: أساسيات الحاسب ونظام لينكس. أساسيات الشبكات والبروتوكلات. بعض مهارات البرمجة. أساسيات الأمان السيبراني. قواعد البيانات. التطبيق العملي للهكر الأخلاقي أو ما سمى PEH. أظن أن الطريق عام والإبداع والاحتراف فيه يحتاج منك رسم طريق خاص، طبعا يكون هذا بعد إلتقاط أساسيات المجال. ابحث عن استاذ او دورة منظمة أو ممهنجة. قد تكون دورات قوقل مناسبة لك. اقرأ ايضا: https://academy.hsoub.com/questions/24791-أفضل-كورس-لتعلم-مجال-الأمن-السيبراني-وتخصص-الـ-ethical-hacker/

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

المشكلة عامة وتحتاج توصيفا أكثر، ولكن يحتمل أن يكون ذلك بسبب تعارض في اصدارات الحزم مع حزم مثتبة لديك. ولذلك حاول إضافة اللاحقة force-- لجبر التثبيت أو اللاحقة with-all-dependencies-- لتثبيت أي اصدارات تتوائم مع اصدارات حزم مثبتة بالفعل. فبدل تثبيت الأمر: npm i yourPackageName نفذ: npm i yourPackageName --force أو الأمر: npm i yourPackageName --with-all-dependencies

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

غالبا ما يتم تضمين مثل هاته الألعاب بوساطة iframes، يمكنك تضمين iframe اللعبة المرادة وتصييره كمكون، مثال: // في مكون React الذي يحمل اللعبة import React from 'react'; const GameComponent = () => { return ( <div> {/* ضبط ارتفاع الـ iframe بحسب حجم اللعبة */} <iframe src="https://example.com/your-game" width="100%" height="500px" frameborder="0"></iframe> </div> ); } export default GameComponent; قد تحتاج الاستعانة بمواقع مثل htmlgames لتزويدك بعناصر iframe جاهزة لعمل embed.

بشكل أساسي، يستعمل الهاش تاق (#) لكتابة تعليقات سطرية (single line comments) في الشيفرة. وهو معروف عن التعليقات في البرمجة أنهامجرد نصوص غير تنفذية ولا تؤثر على تنفيذ البرنامج تستخدم للوصف والتوضيح وتوثيق الشفرة للمساعدة في فهمها وصيانتها. بجانب هذا النوع، يوجد التعليقات متعددة الأسطر التي يمكن توصيفها بإستعمال ثلاث علامات '''، أمثلة: # هذا تعليق مفرد يوضح الهدف من السطر التالي print("Hello hsoub") # سيتم طباعة "Hello hsoub" تعليق متعدد الأسطرر: ''' هذا تعليق متعدد الأسطر يوضح استخدام التعليقات المتعددة في بايثون. يمكن أن يحتوي على أكثر من سطر. ''' print("Hello hsoub!")

قد اطلعت على موقعك، وهو عموما جيد. بنية التصميم ككل جيدة، هيكلة وتقسيم الأقسام جيدة أيضا ولكن فيما يلي بعض الملاحظات: الخط المختار غير جيد، فكر باختيار خط آخر. تخلص من أيقونة المنزل وأضف رابط المنزل للشعار الرئيسي. تخلص من أيقونة تسجيل الدخول وأضف رابطا أو زرا "تسجيل / دخول" يؤدي الى صفحة تسجيل الدخول. اختر لونا آخر لكلمة "سفرني" بحيث تظهر مندمجة مع البنية العامة للتصميم. الصفحة ككل تظهر scroll على المحور x، تأكد من البحث عن السبب وحل المشكلة. حركة دوران الأيقونات عند الهوفر في بطاقات الخدمات غير احترافية، فكر باهتزاز بسيط لها فقط. سيكفي ذلك للدلالة على الهوفر. الصور في قسم الجولات الاحترافية تظهر كبيرة جدا، قد يكون من الأحسن لو كان القسم عبارة عن شبكة grid فيها ثلاث خانات كل خانة هي بطاقة لجولة احترافية مثلا. لا داع من اضافة لونين مختلفين لكل زر في قسم الجولات الاحترافية. نفس الشيء بالنسبة للتضليل، لا يظهر الضل بشكل جيد. أضف ضلا طفيفا وليكن رماديا لا غير. قسم تواصل معنا هو الآخر يحتاج تنقيحا، الأيقونات تظهر كبير جدا، أظن أنه سيكون من الأحسن لو كانت خيارات التواصل عبارة عن قائمة ul صغيرة توضع في حاوية مرنة flex مع عنصر الخريطة. كما أنك قد تحتاج ازالة الأيقونات تماما. صفحة تسجيل الدخول عموما جيدة، ولكن قد يكون من الأفضل لو تم تزويد حجم الهوامش الداخلية paddings لكل من الحقول النصية والأزرار. وفي الأخير، قد تكون هاته الملاحظات مجرد اراء شخصية لا الزمك بها، ولكنها ستحسن من جودة تصميمك ومن تجربة استخدامه ان شاء الله.

أجد أن أفضل طريقة هي بإستعمال مجمع وحدات مثل webpack لتسهيل التعامل مع مثل هاته الجزئية، يوجد مثلا حزمة claudetech/node-static-i18n التي تسهل توليد ملفات HTML مترجمة ابتداءا من كائنات JSON تصف هاته اللغات. بداية قم بتحويل مشروعك إلى مشروع webpack وثبت الحزم والمحملات اللازمة. ثانيا، قم بتثبيت هاته الحزمة عن طريق الأمر: npm install -g static-i18n الآن سوف لن تحتاج إلا توصيف مفاتيح العبارات المراد ترجمتها: <html> <head> <script src="js/app.js"></script> </head> <body> <h1 data-t="my.key"></h1> <p data-t>other.key</p> <input type="submit" data-attr-t value-t="other.ok"> </body> </html> ملف locales/en.json: { "my": { "key": "Hey" }, "other": { "key": "man", "ok": "confirm" } } ملف locales/fr.json: { "my": { "key": "Salut" }, "other": { "key": "mec", "ok": "confirmer" } } ثم قم بتنفيذ الأمر: static-i18n -l en -i en -i fr dist بعد امر npm run build لتخريج نسختين لكل ملف HTML. واحدة باللغة الفرنسية والأخرى بالانجليزية. وهذا كمثال فقط، يمكنك التوسع في الفكرة أكثر.

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

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

ستكون دورة جافاسكربت اذن اختيارا رائعا، سيمكنك بناء تطبيقات ويب، موبايل وسطح مكتب باستخدام تقنيات جافاسكربت في كل منها.

المشكلة عامة جدا، ولن يمكن بطبيعة الحال تحديد سببها على وجه التحديد، فيما يلي بعض الخطوات التي قد تساعدك في العمل على هاته المشكلة: التأكد من أن خادم Apache Tomcat يعمل بشكل صحيح: قم بالتأكد من أن خادم Apache Tomcat يعمل وقد بدأ بشكل صحيح. يمكنك التحقق من ذلك من خلال تشغيل الخادم من خلال واجهة التحكم الخاصة به أو من خلال سجلات النظام. التحقق من إعدادات الشبكة: تحقق من إعدادات الشبكة على جهازك وتأكد من أن عنوان IP ومنفذ خادم Apache Tomcat متاحة للوصول من جهازك. قد تحتاج إلى تكوين إعدادات الجدار النار (firewall) للسماح بالوصول إلى الخادم. التحقق من إعدادات الملقم: تأكد من أن ملقم Apache Tomcat مكون بشكل صحيح ومُعدّل بحيث يستجيب لطلبات الوصول من العملاء. التحقق من عنوان URL الصحيح: تأكد من أنك تستخدم العنوان الصحيح للوصول إلى خادم Apache Tomcat. تأكد من أن العنوان يحتوي على البروتوكول الصحيح (مثل http أو https) والعنوان الصحيح للخادم ومنفذه. التحقق من سجلات الأخطاء: تحقق من سجلات الأخطاء في خادم Apache Tomcat وسجلات النظام للبحث عن أي أخطاء أو مشكلات قد تكون سببًا في عدم الوصول إلى الخادم. إعادة تشغيل الخادم والعميل: جرب إعادة تشغيل خادم Apache Tomcat والعميل (المتصفح الذي تستخدمه) للتأكد من أن أي مشكلة مؤقتة قد تم حلها.

ليس تماما، الاختيار في الاخير يرجع إليك وما تريد أن تصبحه مستقبلا. ما حاولت الاشارة إليه هو أن اهتمامك بجافاسكربت يعني اهتمامك بأحد الدورتين اللتان تتناولانها: دورة تطوير التطبيقات باستخدام جافاسكربت و دورة تطوير واجهات الاستخدام. قد يساعدك الاطلاع على صفحتي الدورتين في الاختيار بين أحدهما: دورة تطوير واجهات المستخدم دورة تطوير التطبيقات باستخدام لغة JavaScript

لنقم بأخذ الأمر من هذا الجانب حتى تتضح الفكرة: دورة علوم الحاسب هي توطئة لأي مجال في علوم الحاسب ككل، بما في ذلك التخصصات التي تتعرض لها الدورات الباقية. ولذلك فإنها توطئة لها، وهذا ما يجعلها أفضل دورة لأخذها مع أي دورة من دورات الأكاديمية الأخرى. وبما أنك مهتم بجافاسكربت، فستكون دورة جافاسكربت مناسبة لك أيضا. فيما يلي مسارات الدورة: أساسيات لغة JavaScript أساسيات React.js أساسيات Node.js تطوير تطبيق جوال باستخدام React Native تطبيق دردشة يشبه WhatsApp تطوير تطبيق سطح مكتب باستخدام Electron.js إنشاء تطبيق أسئلة وأجوبة باستخدام Next.js تطوير تطبيق جوال للتواصل الاجتماعي باستخدام Ionic تطبيق حجز مناسبات باستخدام GraphQL أما ان كنت مهتما بتطوير واجهات الاستخدام لكي تصبح مطور فرونت اند فستكون دورة تطوير واجهات الاستخدام أكثر مناسبة لك، خصوصا وأن هاته الأخيرة تحتوي مسارا كاملا لتعلم جافاسكربت والعديد من المسارات التطبيقية التي تتعامل معها في مجال الويب. فيما يلي مسارات الدورة حتى تأخذ فكرة عنها هي الأخرى: أساسيات تطوير الويب بناء واجهة مستخدم تشبه موقع YouTube بناء صفحات هبوط تطوير متجر إلكتروني تطوير موقع شركة تطوير لوحة تحكم بناء مواقع ثابتة باستخدم Hugo تطوير موقع أخباري الخيار في الأخير يرجع إليك، قم باختيار ما يلائم ميولاتك وما يطابق رؤيتك المستقبلية، فكر فيما الذي تريد أن تصبحه واختر الدورة المناسبة لتمكنك من ذلك.

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

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

هنالك الكثير من الخيارات التي تتباين ميزاتها، ولكن عموما، ستحتاج اختيار واحدة من التالي: Laravel Nova: تعتبر واحدة من أشهر حزم لوحات التحكم في لارافيل. توفر Nova واجهة جميلة وقوية لإدارة قاعدة البيانات والصلاحيات والمحتوى في تطبيقك. يمكنك استخدام Nova لإنشاء لوحة تحكم مخصصة وفقًا لاحتياجات مشروعك. Backpack for Laravel: توفر لوحة تحكم جاهزة ومخصصة لإدارة المحتوى والبيانات والصلاحيات في لارافيل. يمكنك تخصيص لوحة التحكم وفقًا لاحتياجاتك باستخدام الوظائف المدمجة والإضافات المتاحة. Laravel Voyager: هذه الحزمة تقدم لوحة تحكم جاهزة وسهلة الاستخدام تسمح لك بإدارة المحتوى والصفحات والبيانات بسهولة دون الحاجة إلى البرمجة. تأتي مع مجموعة من الميزات والإضافات التي تجعلها خيارًا مناسبًا لإنشاء لوحة تحكم سريعة وفعالة. AdminLTE Integration: ليس حزمة لوحة تحكم تحديدا، ولكنه يعد نمطًا لتكامل لارافيل مع قالب AdminLTE الشهير لإنشاء لوحة تحكم مخصصة بناءً على تصميم AdminLTE المميز. InfyOm Laravel Generator: على الرغم من أنه ليس لوحة تحكم جاهزة، إلا أنها حزمة توفر أدوات لتوليد تطبيق Laravel بسرعة وفقًا لنمط جاهز مع صفحات لوحات تحكم. CoreUI for Laravel: هذه الحزمة تتكامل مع قالب CoreUI الشهير وتقدم لوحة تحكم جاهزة تسمح لك بإدارة المحتوى والبيانات بسهولة.

جرب نسخ الصورة إلى الحافظة، ارفعها الى الخادم الخاصك بك ثم قم بتوجيه المستخدم الى الرابط: 'whatsapp://send?text='+encodeURIComponent(imageURL) سيفي هذا بالغرض.

مرحبا شمس، ان كان السؤال متعلق بإحدى الدورات ينصح بالتعليق أسفل الدرس في قسم تعليقات الطلبة أسفل الفيديو. عموما، قابلية التكرار هي الترجمة العربية لمصطلح Iterable، وتعني نفس الشيء. ويفرق في اللغة الانجليزية بين معنى التكرار Repetition و التكرار Iteration رغم أن كلاهما يشير إلى نفس المصطلح في العربية، فالأولى، في سياقات عامة خارج البرمجة، "repetition" تعني أيضًا التكرار، ولكنها قد تكون مرتبطة بالأنشطة والأحداث المختلفة. يمكن أن يكون التكرار في هذا السياق مرتبطًا بأنشطة يومية مثل قراءة الكتب، ممارسة الرياضة، تكرار المناسبات الاجتماعية وما إلى ذلك. يمكن أن يكون التكرار هنا أكثر عفوية وتنوعًا من استخدامه في البرمجة. أما الثانية، وفي عالم البرمجة والحوسبة، "iteration" تشير إلى عملية تكرار سلسلة من الخطوات أو الأوامر لعدد محدد من المرات. في البرمجة، يستخدم المطورون تكرار الحلقات (loops) لتنفيذ الكود بشكل متكرر حتى تتحقق شرط معين. عند استخدام الحلقات، يتم تكرار جزء معين من الكود مرارًا وتكرارًا حتى يتم تحقيق الشرط المطلوب. إذ أن هذه هي الفكرة الأصلية من الحلقات، تكرار شيفرة معينة كذا مرة. والتسلسل هو ذات الأمر، اذ نعتمد في تكرار كتلة برمجية معينة على المرور على عدد n من العناصر بشكل تسلسلي.

لا يوجد تعارض في هذا الأمر مع NodeJS. فهو الآخر يمكن به التعامل مع مثل هاته الجزئيات بقدر عال من الاحترافية. نذكر بعض المكتبات مثلا: Multer: Multer هي مكتبة Node.js لمعالجة طلبات تحميل الملفات. يمكنك استخدامها مع Express.js لتلقي ملفات الصور والفيديوهات من طلبات المستخدم وحفظها على الخادم. AWS S3 أو Google Cloud Storage: إذا كنت ترغب في تخزين الصور والفيديوهات على خدمات تخزين سحابية مثل Amazon S3 أو Google Cloud Storage، يمكنك استخدام مكتبات مثل aws-sdk أو @google-cloud/storage للتفاعل مع هذه الخدمات. FFmpeg: إذا كنت تحتاج إلى معالجة الفيديوهات مثل تحويل صيغ الفيديو أو قصها أو إجراء عمليات أخرى، يمكنك استخدام FFmpeg، وهو أداة سطر الأوامر المتاحة للتعامل مع الوسائط المتعددة. Jimp: إذا كنت ترغب في معالجة الصور مثل تغيير الحجم أو تطبيق الفلترات، يمكنك استخدام مكتبة Jimp التي تدعم العديد من عمليات تحرير الصور.

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

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

الموقع عموما جيد، ولكن فيما يلي بعض الملاحظات: للوهلة الأولى يخيل للزائر أن اسم المطور مرفقا باسمه الوظيفي يعبر عن preloader وأن محتوى ما يتم تجهيزه لإظهاره، ولا يظهر إلا بصعوبة أن المحتوى يجب الإنزلاق إليه. أضف موجها أو سهما يشير إلى الأسفل مثلا. اختر لشريط التصفح لونا آخرا، لأنه يتداخل عند السكرول مع المحتوى ويظهر الشعار بشكل غير جيد. الخط في قسم السيرة الذاتية يحتاج تكبيرا. في قسم المهارات ضع أيقونات للمهارات التي لا يحدد لها ذلك، PHP أو XML مثلا. في قسم what i do هنالك الكثير من النصوص، تأكد من اقتضابها واختصارها أو ضف شروحات مصورة، صورا أو غرافيكات مثلا. ضف المزيد من الروابط الخاصة بك وتأكد من توفير زر أو رابط للتواصل معك. -صحيح أنه توجد في صورة الهاتف ولكنها لا تظهر أنها أزرار حقيقية، اذ يخيل أنها صورة للهاتف وفقط-. أخرجها عن الهاتف قليلا، بحيث تكون بشكل متداخل يظهر احترافية التصميم. ضف شريط تصفح في قائمة التصفح ليسهل استعراض المحتوى. ضف زرا للعودة إلى الأعلى عند التصفح لأسفل المحتوى.

مبدئيا لا تظهر أي مشكلة في الشيفرة، ولكن هنالك بعض الملاحظات: لما يتم تصريح المتغير time_cklick دون أن يتم استعماله. نفس الشيء بالنسبة للمتغير string_id. لا يوجد داع من التحقق من عنوان الصفحة قبل تنفيذ الاسكربت، يمكنك التغاضي عن هذا وحقن شيفرة الاسكربت في الصفحة المنشودة وفقط. لا داع من استعمال String في: String('button[class="crash-btn crash-btn--transparent crash-btn__text"]') فالعنصر الممرر هو سلسلة نصية حصرا ولا داع من تحديد ذلك. تأكد من تضمين جيكويري مادمت تستخدم سياقها: if ($('button[class="crash-btn crash-betbtn crash-betbtn--stop"]').is('[disabled=disabled]') == false) قد تكون هنالك بعض الملاحظات الجانبية الأخرى، ولكن لن يمكن تصويب الشيفرة إلا بعد الاطلاع على كيفية استعمالها أو الهدف المرجو منها، أيضا لن يمكن تشخيص أخطاءها دون التعرف على هاته الأخطاء.

يمكنك أيضا الاعتماد على مواقع الاختبارات والتحديثات لتحديد المجال، اللغة ودرجة الصعوبة لفلترة اختبارات ذات مستوى سهل، صعب ومتوسط في الدوال في جافاسكربت. نذكر مثلا: freecodecamp codecademy exercism leetcode codewars hackerrank