Adnane Kadri

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

يتم تطبيق الخاصية على الأب ويؤثر ذلك بطبيعة الحال على العناصر الأبناء، من حيث تموضعها وتوزيعها سواء على المحور الأفقي أو العمودي بداخل هذا الحاوي الأب. ولذلك فإن تأثيرها يظهر على الأبناء في حين أنه يتم تطبيق الخواص على الأب. على الرغم من ذلك، يمكنك أيضًا استخدام بعض الخصائص الأخرى في العناصر الابناء لتخصيص التصميم بشكل أفضل. مثلاً، يمكنك استخدام الخصائص المُشابهة لـ Flexbox مثل align-self و order لضبط محاذاة وترتيب العناصر داخل الكونتينر. مثال: نفترض أن لدينا كونتينر (عنصر أب) يحتوي على عدة عناصر أبناء (عناصر فرعية) ونرغب في استخدام تقنية Flexbox لتوزيعها وتنسيقها: <div class="container"> <div class="child">عنصر 1</div> <div class="child">عنصر 2</div> <div class="child">عنصر 3</div> </div> .container { display: flex; align-items: center; /* محاذاة العناصر عموديًا في المنتصف */ } .child { padding: 10px; background-color: #f0f0f0; } النتيجة:

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

فهمك تقريبا صحيح، فبإستعمالك السياق التالي: car.key أنت تحاول قراءة الخاصية key من الكائن car، فإن كان الكائن car هو ما كالتالي: const car = { key: 'value', color: 'blue', brand: 'Toyota' }; كان عائد car.key هو 'value' أما السياق التالي: car[key] فهو سيعني قراءة الخاصية الموافقة لقيمة المتغير key. فإن كان المتغير key هو ما كالتالي: var key = 'brand'; فإن الموافق لـ car[key] سيكون هو 'Toyota' وليس 'value'

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

وعليكم السلام، في كل دورات الأكاديمية يوجد فريق متكامل يعمل بتنسيق عال على إجابة الطلبة عن تساؤلاتهم التي تطرأ عليهم خلال الدورة، ولمساعدتهم في حل مشاكلهم طوال الدورة. اذ أن أغلب الأسئلة يتم تقديم إجابة لها فور طرحها في مدة زمنية لا تتعدى في الغالب النصف ساعة - قد تأخذ بعض المشاكل المعقدة الأخرى أكثر قليلا. يتم ذلك عن طريق نشر الطالب لتعليق جديد في قسم يظهر أسفل كل فيديو هو قسم "تعليقات الطلبة"، ثم يتم الموافقة على نشر تعليق الطالب فورا ويهتم أحد المدربين النشطين حالا بتقديم إجابة له أو المتابعة معه. هاته هي الفكرة باختصار. تفاصيل: https://support.academy.hsoub.com/how-to-ask-in-courses

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

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

استخدام User::findOrFail($id) هو الأكثر أمانًا من User::find($id) عند البحث عن سجل محدد في قاعدة البيانات. وهذا لأن هذا الأخير يقوم بإعادة قيمة Null في حالة عدم وجود سجل، على عكس الأول الذي يقوم برمي استثناء ModelNotFoundException. لذلك، عندما تكون متأكدًا أن السجل المطلوب يجب أن يكون موجودًا -مثل أول صف مثلا من جدول إعدادات أو تفضيلات الموقع-، فإن استخدام `User::findOrFail($id)` يساعد على توفير شيفرة أكثر أمانًا وأكثر دقة في التعامل مع حالات عدم وجود السجل. وهذا لكي لا تضطر إلى التعامل مع حالات Null في ملفات المتحكمات أو العروض.

قد تحتاج دورة ممنهجة ومنظمة أحسن من التعرض لمفاهيم وجزئيات المجال بنفسك، عموما، يتم التطرق لهاته المفاهيم في مثل هاته الدورات: أساسيات الحاسب ونظام لينكس. أساسيات الشبكات والبروتوكلات. بعض مهارات البرمجة. أساسيات الأمان السيبراني. قواعد البيانات. التطبيق العملي للهكر الأخلاقي أو ما سمى 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 تطوير موقع أخباري الخيار في الأخير يرجع إليك، قم باختيار ما يلائم ميولاتك وما يطابق رؤيتك المستقبلية، فكر فيما الذي تريد أن تصبحه واختر الدورة المناسبة لتمكنك من ذلك.

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

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