اذهب إلى المحتوى

كل الأنشطة

تحدث تلقائيًا

  1. الساعة الماضية
  2. نحن لا نجيب على الاسئلة الاختبارية هنا فى موقع الاكاديمية . ولكن يمكننى شرح لك المطلوب وعاطائك بعض النصائح حتى تساعدك لحل المشكلة بنفسك . مطلوب منك دالة تستقبل معاملا واحدا و يجب عليك حساب مجموع تكعيب الارقام من 1 الى هذا الرقم . لنفرض المثال 5 كما هو موضوع لديك . اذا الحل يصبح هكذا : (1*1*1) + (2*2*2) + (3*3*3) + (4*4*4) + (5*5*5) = 1 + 8 + 27 + 64 + 125 = 225 . اذا كما فى المثال السابق يجب عليك ايجاد طريقة تحويل هذه المسئله الى كود بلغة كوتلين . يمكنك اولا انشاء متغير قيمته صفر ثم انشاء حلقة تكرار من 1 الى الرقم n ثم اضافة الرقم التكعيبى الى المتغير الذى بانشاءه من البداية . ثم ارجاع تلك القيمة من الدالة.
  3. اكتب دالة function تستقبل عددًا صحيحًا in اكتب دالة function تستقبل عددًا صحيحًا int و تحسب مجموع تكعيب جميع الأعداد من 1 إلى هذا العدد . المخرجات المتوقعة الاختبار 1 المدخلات (Inputs) num = 5 المخرجات (Outputs) 225 الاختبار 2 المدخلات (Inputs) num = 2 المخرجات (Outputs) 9 الاختبار 3 المدخلات (Inputs) num = 3 المخرجات (Outputs) 36 الاختبار 4 المدخلات (Inputs) num = 7 المخرجات (Outputs) 784
  4. اليوم
  5. بالطبع سواء عملت كمستقل أو في شركة Full-time، لكن عليك عرض ذلك ضمن مهاراتك بشكل إحترافي، بذكر ما الفائدة التي ستعود على العميل من تلك المهارات ولماذا هي مهمة من خلال شرح بسيط وسهل ومختصر. بالنسبة للشركة يكفي ذكر ذلك في الـ CV، من خلال سرد المهارات وما قمت به ضمن ذلك المجال، وأثناء مقابلة العمل عليك توضيح ذلك بشكل عملي من خلال طريقة CAR والتي تعني Context, Action, Result أو سياق ( سرد حدث أو تحدي أو مشكلة)، ثم فعل قمت به ثم أدى ذلك إلى نتيجة معينة. لكن عليك أن تكون واقعي وأن تطرح راتب متوقع بفارق ليس بالكبير عن متوسط الرواتب في سوق العمل الذي تستهدفه، بحيث تتوقع زيادة راتبك بنسبة 20% إلى 50% وكزيادة 40% أراها جيدة بناءًا على كلامك.
  6. ماذا ان كانت عندي خبرة في full stack dev وايضا خبرة قوية بالامن السيبراني بشتى مجالاته وخصوصاً اكتشاف الثغرات ولدي اعمال سابقة ك صناعة ادوات و اكتشاف ثغرات بمواقع عالمية هل يزداد راتبي وطلبي اكثر ؟
  7. الخادم السحابي Cloud Server هو بنية تحتية متاحة للمستخدمين عبر الإنترنت، تؤمن لهم ما يحتاجونه من الموارد الحاسوبية عن بعد، مثل مساحات التخزين والذواكر والمعالجات وغيرها، يمكنك النظر إليه على أنه حاسوب خاص تستطيع إعداده والتحكم به بالطريقة نفسها التي تتعامل بها مع أجهزتك المحلية، سواء كانت خوادم أو حواسيب شخصية أو محمولة. يعرض هذا المقال بنية الخادم السحابي ومكوناته، والفرق بينه وبين عروض الاستضافة السحابية الأخرى، مع بعض النصائح لاختيار الاستضافة الأنسب لموقعك الإلكتروني أو تطبيقك على الويب. ستصادف في هذا المجال مصطلحات "خادم" و"خادم سحابي" و"خادم ويب" بالتبادل، ويشير الخادم السحابي عادةً إلى بيئة لينكس كاملة أو فعليًّا إلى حاسوب كامل. تعمل الخوادم السحابية بصفتها أجهزة افتراضية (VMs) أو برمجيات تحاكي الحواسيب التقليدية، وتجدها دائمًا ضمن مجموعات كبيرة أو عناقيد Clusters في تقنية تسمى الحوسبة الافتراضية Virtualization. يمكنك معرفة المزيد عن آلية عملها بمراجعة مقال [مقدمة إلى الاستضافة السحابية](). البرمجيات المستخدمة على السحابة التعرُّف عليها ضروري لفهم الخوادم السحابية، سنعرضها باختصار: نظم التشغيل: تثبيت نظام التشغيل هو خطوتك الأولى في إعداد الخادم السحابي، يعتمد معظم مستخدمي السحابة نظام تشغيل لينكس بتوزيعاته المختلفة، مثل: أوبنتو Ubuntu أو روكي لينكس Rocky Linux لبناء خوادمهم، نظرًا لانتشاره الواسع في بيئات الخوادم، والدعم الكبير الذي يحظى به من المجتمع التقني، والذي يسهل عليك إيجاد مصادر للتعلُّم، بالإضافة لكونه مجاني في الأساس، وحتى إن احتجت لتراخيص فتراخيصه مرنة موازنةً بغيره. يمكنك الاطلاع على مقال [كيف تختار توزيعة لينكس المناسبة لك؟]() لتتعرف أكثر على توزيعات لينكس، وتختار ما يناسبك منها. برمجيات جانب الخادم: يقصد بها مجموعة واسعة من البرمجيات والأدوات المستخدمة لإعداد الخوادم، وهي مصممة للعمل في البيئات السحابية، ومناسبة تمامًا لها، حيث لا شاشات عرض ولا بيئة سطح مكتب، فغالبًا ما تُثَبّت برمجيات جانب الخادم Server-Side وتُضبَط إعداداتها باستخدام واجهة سطر الأوامر، ويصل إليها المستخدم النهائي عبر المتصفح أو التطبيقات الأخرى. تتنوع هذه الأدوات وسيساعدك فهم أساسياتها على تجهيز خادمك السحابي. خوادم الويب: تسمح خوادم الويب لخادمك السحابي بالتواصل مع المستخدمين عبر الإنترنت بواسطة بروتوكول HTTP، وهي من أدوات جانب الخادم، تُبَرمَج للاستجابة بطريقة محددة مع كل طلب يطلبه العميل عبر برمجيات جانب العميل Client-Side، لنفترض على سبيل المثال: أن المستخدم طلب URL معين من المتصفح (الذي يلعب هنا دور العميل)، سيستجيب له الخادم، ويجلب مستند HTML المناسب، ثم يرسله للمتصفح فيعرض صفحة الويب المطلوبة. ستحتاج خادم ويب حتمًا، إذا كنت تبني خادمك السحابي من الصفر، وتنوي تجهيزه لاستضافة موقع إلكتروني أو تطبيق ويب، وأشهر خوادم الويب المستخدمة هي Nginx و Apache. يمكنك الاطلاع على مدخل إلى خادم الويب لمزيد من المعلومات. خوادم API: واجهات برمجة التطبيقات أو APIs هي برمجيات وسيطة تسمح للتطبيقات المختلفة بالتخاطب مع بعضها. خادم الويب نفسه هو خادم API يطبق HTTP API، ويوجد أنواع كثيرة غيره، مثل APIs الخاصة بمعلومات الطقس أو رحلات الطيران أو غيرها، يستخدمها الخادم السحابي لتبادل البيانات مع التطبيقات الخارجية ومصادر البيانات الخارجية، وقد يتصل الخادم بأكثر من واجهة API حسب طبيعة تطبيقك، وتدعى نقاط اتصال API بالتطبيق، أي النقاط التي تنفذ عمليات API، بنقاط الوصول أو endpoints، وتكون مثلًا عناوين URL تدل على الموارد المطلوب الاستعلام عنها. خوادم قواعد البيانات: يمكنك تسميها بقواعد البيانات فقط، وهي نوع آخر من خوادم API، لكنها بخلاف خوادم الويب لا تعرض البيانات المطلوبة منها بهيئة صفحات HTML ضمن المتصفح، إنما يجري التواصل معها عبر واجهات برمجة تطبيقات خاصة تسمى واجهات استعلام قاعدة البيانات. بعض قواعد البيانات متاح للاستعلام الخارجي عبر الويب، وبعضها الآخر مخصص للاستخدام الداخلي من قبل برمجياتك السحابية فقط. الخوادم السحابية وبدائلها الخادم السحابي هو حاسوب افتراضي كامل، لذا فجميع المنتجات السحابية الأخرى تتعلق به، ومزودو الخدمة السحابية يقدمون لك في عروضهم ميزة أو وظيفة محددة فقط من وظائف هذا الخادم، على سبيل المثال استضافة ويب مخصصة أو استضافة قاعدة بيانات مخصصة، وكل حل سحابي يوفر خادم ويب أو قاعدة بيانات ينبثق فعليًّا من خادم سحابي، غالبًا ما تبنى الخوادم السحابية باستخدام عناقيد من الخوادم المادية أو الفيزيائية التي تعمل معًا بتقنية الحوسبة الافتراضية. فالفرق الجوهري إذًا بين الخادم السحابي (الذي يسمى VPS أو الخادم الافتراضي الخاص Virtual Private Server) والعروض السحابية الأخرى هو أنك تستطيع تثبيت التطبيقات التي تريدها على الخادم السحابي، وتشغيلها بحرية حسب احتياجك، بينما تفرض عليك العروض الأخرى مجموعة ميزات ووظائف بعينها لا يسعك الخروج عنها. أحدثت الحوسبة الافتراضية تغييرًا كبيرًا في سوق الخدمات السحابية خلال العقود الماضية، فقبل ظهورها كان مزود الخدمة يوفر خادمًا مثل Nginx أو Apache لتقديم الاستضافة لعشرات المواقع مع أذونات مخصصة لكل مشترك، ولم يكن المشترك مسؤولًا عن أي مهام إدارية على الخادم، لكن بالمقابل اقتصرت المواقع المستضافة وقتها على المواقع ذات الطبيعة الثابتة أي التي تتضمن عناصر HTML و CSS وجافا سكريبت ثابتة بدون محرك خلفي، وأيضًا مواقع drop-in PHP التي لا تمتلك أي اعتماديات سوى خادم الويب. ولاحقًا بعد انتشار الحوسبة الافتراضية، ازداد الطلب على عروض VPS أو الخوادم السحابية الكاملة، بسبب مرونتها العالية، لكن تشغيلها وتحديدًا في بيئة الإنتاج، يتطلب منك مهارات خاصة، لا يهتم المبرمجون بتحصيلها عادةً، لأنها لا ترتبط مباشرةً بكتابة الشيفرات البرمجية، أبرزها مثلًا: معرفة جيدة بأساسيات لينكس، وكيفية التعامل مع سطر الأوامر، ومهام إدارة النظام، بالإضافة إلى هندسة DevOps لإدارة عمليات النشر وتلبية المعايير الأمنية للتشغيل. هل أستخدم خادمًا سحابيًا لمشروعي؟ تحتوي الخوادم السحابية ميزات حماية افتراضية مدمجة فيها، ولست مضطرًا لخوض عملية نشر على نطاق تجاري بحذافيرها لتُشغل تطبيقًا مفتوح المصدر بطريقة آمنة وموثوقة على خادم سحابي، أضف إلى ذلك أن إعدادات الأمان الافتراضية مضبوطة بإحكام على معظم الحزم المستخدمة في الخوادم، وتخضع للتحديث الدوري لسد ثغراتها الأمنية، لذا يكفيك في معظم الأحيان تثبيت جدار حماية بسيط مثل ufw أو الجدار الناري غير المعقد ليتحكم ببوابات الشبكة على خادمك السحابي، فيسمح أو يمنع اتصالات معينة حسب متطلبات عملك، أو على الأقل يمررها إلى خادم ويب مخضرم مثل Nginx تعتمده ملايين الخوادم حول العالم. إضافةً إلى الخوادم السحابية، يوفر بعض مزودي الخدمات السحابية عروضًا أخرى يمكن تشبيهها بمضيفي الويب، تلائم مواقع الويب ذات المكونات الثابتة المعتمدة على ميزات جافا سكريبت الحديثة، التي تخفف الحاجة إلى الخادم الخلفي Backend، يسمى هذا النوع من الاستضافة نظام إدارة محتوى بدون رأس Headless CMS، ويقدم المزود معه عادةً أدوات تأليف ونماذج ويب تعد جزءًا من عرض أوسع يسمى البرنامج بصيغة خدمة أو Software As A Service. ويقدم بعض المزودين أيضًا استضافة الخوادم الخفية Serverless أو ما يسمى الوظائف بدون خادم، ويقصد بها كتابتك التعليمات البرمجية لتطبيقك مرةً واحدة بمعزل عن البنية التحتية للخوادم، ثم نشرها في البيئة السحابية ليجري تشغيلها فقط عند الطلب، يطلق على هذا الأسلوب عند استخدامه مع مواقع الويب الثابتة اسم جامستاك Jamstack. تتميز خدمات الحوسبة خفية الخوادم وخدمات نشر مواقع الويب الثابتة بأنها تقنيات قابلة للنقل، وتشبه الاستضافات القديمة إذ تعفي صاحب التطبيق تقريبًا من جميع مسؤوليات الأمن والصيانة التي ترافق عمليات النشر الكاملة على الخوادم، لكنها مع ذلك تظل محدودة النطاق، وقد لا تفي بالغرض في بعض الحالات، فإذا تطلب مشروعك على سبيل المثال نشر حاوية دوكر خلف خادم Nginx في مكدس واحد، لن تكفيك هذه الاستضافات وستحتاج خادمًا سحابيًا كاملًا. عمومًا، أي تطبيق تنشره على الخادم السحابي يمكنك نشره على حاسوبك المحلي أيضًا، مع بعض الاختلافات لصالح الخادم السحابي، فنادرًا ما يثبت الأفراد نظام تشغيل لينكس على حواسيبهم الشخصية، كما هو الحال في الخوادم السحابية، بل يعتمدون ويندوز أو ماك، ومعظم أدوات جانب الخادم لا تعمل مباشرةً مع هذه النظم على عكس لينكس. قد لا تكون هذه النقطة مؤثرة كثيرًا بالنسبة لك، لكن ما نريد إيصاله أن الخادم السحابي يناسب جميع الاحتياجات، ويمكنك إعداده لأي غرض تريده تمامًا كما تفعل مع حاسوبك المحلي. كيفية تحديد مواصفات الخادم يعتمد أداء الخوادم السحابية وسعرها على مواصفات العتاد الصلب، ويخصص لكل خادم سحابي ضمن العنقود Cluster مقدار معين من الموارد الحاسوبية، يمكن زيادته أو إنقاصه بمرونة تامة وبسرعة، على عكس الحواسيب الفيزيائية، لذا قبل حجز خادمك السحابي حدد أولًا مواصفاته الفنية، وادرس تأثيرها على جودة عمل التطبيق، ثم وازن ذلك مع ميزانيتك، وبعدها اختر الخادم المناسب. تُحَدَّد مواصفات الخوادم السحابية عادةً بعدد نوى المعالجات المركزية CPU المتوفرة لديها، وحجم ذاكرة الوصول العشوائي RAM المتاحة، وما يخصص لها من مساحات تخزينية على الأقراص الصلبة. ونظرًا لاختلاف مقاييس سرعة الأقراص والمعالجات في الخوادم السحابية عنها في ظروف التشغيل في العالم الحقيقي، فقد اعتمد معظم مزودي الخدمات السحابية مواصفاتٍ موحدة لها، فمتوسط سرعة الأقراص يعادل تقريبًا سرعة أقراص SSD، وسرعة وحدة المعالجة المركزية تماثل سرعة نواة Intel Xeon. وبالإضافة إلى المواصفات السابقة يفرض بعض المزودين قيودًا على الخوادم السحابية في الطبقة الدنيا، مثل: تحديد عدد عمليات الإدخال والإخراج المسموحة على القرص (IOPS)، وإجمالي حركة المرور المتبادلة مع الخودام عبر الشبكة وغير ذلك، قد تسبب هذه القيود اختناقات لبعض البرامج المستضافة. أما بخصوص الحجوم التخزينية، فيوفر لك معظم المزودين إمكانية حجز مساحات تخزين إضافية حسب احتياجاتك، بتقنيات مثل: التخزين الكتلي والتخزين الكائني، وربطها بخادمك الخاص VPS، وهذا أفضل من احتفاظك بجميع البيانات في مكان واحد على القرص التخزين الأساسي داخل VPS وتوسيع مساحته باستمرار. يُعطى لكل خادم سحابي عنوان IP عام مخصص له، للاتصال به عبر شبكة الإنترنت، وقد يكون العنوان من الإصدار الرابع IP4 وفق الصيغة 123.123.123.123 أو من الإصدار السادس IP6 من نمط 2001:0db8:0000:0000:0000:ff00:0042:8329، والحالة المعتادة أن يقابل عنوان IP اسم دومين مثل: https://my_domain.com. تتضمن بعض عروض الاستضافة السحابية تزويدك بعنوان IP لكل خادم VPS تحجزه، بينما يطلب منك بعض المزودين شراء عناوين IP بنفسك وتسجيلها للخوادم، تسمى هذه العناوين بعناوين IP المحجوزة Reserved IPs، وهي مناسبة لعمليات النشر واسعة النطاق. يمكنك شراء اسم الدومين من مزود الاستضافة نفسه فبعضهم مثل ديجيتال أوشن يقدمون لك المنتجين معًا، وتستطيع أيضًا الحصول عليه من مصدر آخر ثم إنجاز الربط بينهما بواسطة سجلات DNS. الوصول للخادم السحابي يتطلب الوصول إلى الخوادم السحابية إتقانك العمل في بيئة سطر الأوامر أو الطرفية Terminal محليًا أو عن بعد، وأكثر البروتوكولات استخدامًا في هذا المجال بروتوكول SSH الذي يستخدم البوابة 22 ويعتمد عليه مسؤولو الخادم، وبروتوكول HTTP على البوابة 80 و HTTPS على البوابة 443 المخصصين أكثر للمستخدم النهائي، تتمحور إدارة النظام السحابي حول هذه الخوادم والخدمات والبروتوكولات. الخاتمة تناول هذا المقال التعليمي نظرة عامة على الخوادم والعروض السحابية، وكيفية تطورها مع الزمن، ليضعك على بداية الطريق في العمل مع هذه الخدمات، ويعينك على اختيار أنسبها لمشروعك. ترجمة -وبتصرف- للمقال Cloud Servers: An Introduction لصاحبه Alex Garnett. اقرأ أيضًا مفهوم السحابة Cloud تعلم الحوسبة السحابيّة: المتطلبات الأساسيّة، وكيف تصبح مهندس حوسبة سحابيّة الحوسبة الافتراضية virtualization وأوجه اختلافها عن الحاويات containers كل ما تود معرفته عن السحابة الهجينة Hybrid Cloud
  8. ان #C مع اطار ASP.NET هو الافضل من حيث الامان و سرعة الاداء وايضا ASP core يمكنك من جعل ال desktop يعمل على جميع انظمة التشغيل سواء mac او windows او حتى linux . واذا لم تكن تريد ان يتصل البرنامج بالانترنت فيمكنك من انشاء microsoft sql server على جهاز رئيسى على الشبكة و الاتصال بها من داخل الشبكة فقط دون الحاجة الى شراء server لقاعدة البيانات على الانترنت وستوفر لك .NET Core تلك الخاصية .
  9. نعم , سيتم تحميل جزء من الكود في Sources ضمن developer tools , وسيتحمل بشكل كامل ( يعيد DOM لهذه الصفحة ) فقط عندما يذهب إلى المسار ( أي بهذه الحالة سوف يستطيع المستخدم من الوصول إلى الكود من خلال developer tools ) لكن إذا أردت منع المستخدمين من الوصول , يمكنك استخدام ما يسمى lazy loading , سوف أقوم بإعطاء شرح مختصر مع مثال على ذلك ( سوف نعدل فقط في محتوى ملف App.js ) : مثال باستخدام Lazy Loading : Lazy Loading هو نمط يستخدم لتحميل المحتوى أو المكونات فقط عندما يكون هناك حاجة فعلية لها، بدلاً من تحميلها جميعا في البداية. وبالتالي يساعد هذا النمط في تحسين سرعة التحميل الأولي للصفحة وتوفير موارد الشبكة.و يمكننا استخدام React.lazy و Suspense لتحقيق ذلك كما في المثال التالي : App.js import React, { lazy, Suspense } from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; const CustomerPage = lazy(() => import('./CustomerPage')); const SellerPage = lazy(() => import('./SellerPage')); function App() { return ( <Router> <div> <Suspense fallback={<div>Loading...</div>}> <Switch> <Route path="/seller" component={SellerPage} /> <Route path="/" component={CustomerPage} /> </Switch> </Suspense> </div> </Router> ); } export default App; قمت بتحميل المكونات CustomerPage و SellerPage بشكل lazy loading باستخدام React.lazy. يمكننا استخدام عنصر Suspense كمكون واجهة مستخدم لعرض تحميل أثناء انتظار تحميل المكونات. عنصر fallback يعرض رسالة "Loading..." أثناء التحميل. وهكذا سيتم تحميل المكونات اللازمة فقط عندما يتم طلبها بواسطة المستخدم، مما يؤدي إلى تحسين أداء التطبيق وتوفير الوقت والموارد كما تريد .
  10. البرنامج ليس بحاجة إلى لغة C++، الأفضل إطار .NET بلغة c# حيث ستجد نسبة جيدة من المستقلين متخصصين في ذلك الإطار وستتمكن من تطوير البرنامج بتكلفة أقل نسبيًا وفي وقت أقل.
  11. السلام عليكم ورحمه الله بتفق مع مبرمج لـ تطبيق دسك توب خاص للمحاماه محاسبات وقاضايا وكل مايخص المحاماه والتطبيق بيكون في كل كمبيوتر موظف لتكامل العمل هل استخدم لغه #C او ++C شكرا مقدما
  12. عندما يكون المستخدم على صفحه البائع SellerPage , الن يحمل جهازه ملف CustomerPage كونه موجود في App.js واذا ذهب إلى developer tools في ال Sources ألن يجد ملف CustomerPage, أي أنه تم تحميل الملف؟؟؟
  13. PHP ليست اللغة الأنسب لبرمجة تطبيق لسطح المكتب، بل عليك بإطار .NET الذي يعتمد على لغة C# أو لغة C++ وهي اللغة الأفضل لبناء تطبيقات سطح المكتب التي بحاجة إلى سرعة في الأداء. وعامًة لتحويل لتحويل مشروع لارافل إلى تطبيق سطح مكتب ممكن من خلال مكتبة PHP Desktop والفكرة الخاصة بها هي تشغيل المشروع من خلال محرك chromium أي تشغيل التطبيق في واجهة تشبه تطبيقات سطح المكتب لكنها تعتمد على المحرك الخاص بالمتصفح، فكر بالأمر على أنه مثل إطار Electrone.js الخاص بجافاسكريبت. ستجد تفصيل هنا:
  14. وعليكم السلام ورحمة الله وبركاته . ان لغه php واطار عمل لارافيل هو فى الاساس لبناء تطبيقات الويب ولكن توجد مكتبات لتحويل تطبيق الويب هذا الى desktop application ولكنه فى الاساس يعتبر تطبيق ويب . وهو شئ ليس سيئا ولكنه يعتمد على ما تريده انت فافضل لغه لبرمجة ال desktop application هى C# ASP.NET . ويمكنك سؤال المبرمج هل سيقوم بانشاء تطبيق ويب وتشغيله لديك على متصفح ؟ ام سيقوم بتحويل التطبيق الى ملف يمكن تثبيته ليعمل لديك على الجهاز . واذا كان التطبيق ستستعمله على جهاز واحد فالافضل هو تطبيق الويب من وجهة نظرى .
  15. السلام عليكم ورحمه الله ساتفق مع مبرمج لبرمجه تطبيق Desktop وسيقوم بتنفيذه ب Laravel هل هذا جيد او يوجد افضل منه ( التطبيق لاداره مكتب محاماه ) شكرا
  16. نعم يوجد خطأ اخر هو انك قمت بوضع ال position ب fixed لذلك تجد الفيديو موجود فى كل الصفحة حيث انك قد اعطيته مكان ثابت فى الصفحة والحل هو استخدام قيمة absolute . واذا اردت ان ياخذ كام ال section نضع خاصية width و height ب 100% . بعد هذا ستقابلك مشكلة اخرى فى عنصر الذى يحوى class يساوى overlay فلم تقم باعطائه طول للعنصر لذلك ستجده اقل من طول الفيديو. واكواد الحل كالتالى. section#Home video { height: 100%; width: 100%; position: absolute; z-index: -1; } section#Home .overlay { background-color: rgba(255, 255, 255, 0.7); height: 100%; }
  17. جرب هذا الحل ولكن كانت النتيجة height: 50%;
  18. الخطأ الأول فى عنصر section الذى يحوى id يساوى Home لقد قمت باعطائه الخاصية margin-top: 150px; لهذا تجد المسافة كبيرة لذلك قم بتغيرها الى 60px وسيعمل معك . اما بالنسبة للمشكلة الثانية فانت قمت بوضع الخاصية min-height: 100%; اى تشغل اصغير طول للفيديو هو 100% . ولذلك الحل هو استخدام الخاصية height لكن اعطائها قيمة ب هكذا height: 50%;
  19. ذلك هو المشروع بالتعديلات التي أخبرتك بها، مع تقليل حجم صورة الهاتف إلى 50%. وتعديل تنسيق الفيديو إلى: section#Home video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -100; } project-web.rar
  20. يمكنك تحميل صفحة مختلفة تحوي الترجمة للغة أخرى عند الضغط على الزر الذي تريد، وهي طريقة مستخدمة بكثرة في المواقع الالكترونية بشكل عام. أي أن الرابط الحالي من الممكن أن يكون www.example.com/en للصفحة باللغة الانكليزية مثلا، والرابط التالي للغة العربية www.example.com/ar ونستخدم الزر في هذه الحالة للتنقل فقط بين الصفحتين الانكليزية والعربية: <button onclick="changeURL()">Change URL</button> <script> function changeURL() { // Change the URL to a new page window.location.href = 'https://www.example.com/ar'; } </script>
  21. عندي مشكلتين ان هناك مسافه بين ال navbar و سيكشن Home والثانيه ان خلفية الفيديو تظعر في جميع السكاشن وانا معطي كل الصفحه خلفيه ثابته 1.zip
  22. من صفحة آخر التحديثات هنا: https://academy.hsoub.com/release-notes/
  23. بخصوص التدريب، نحن الآن على أعتاب الصيف وبه ستجد summer internships وقد بدأت الآن، على مواقع التوظيف ابحث عن Summer internship أو summer training وستجد فرص مختلفة سواء في بلدك أو عن بُعد remote. ويمكنك السؤال في المجموعات التي تهتم بالبرمجة في بلدك عن فرص Summer internship، لكن عليك تجهيز الـ CV الخاص بك وتنسيقه بشكل جيد وبسيط ويمكنك الاستفادة من ميزة "بعد إتمامك للدورة سيتم الإطّلاع على سيرتك الذاتية من قبل المختصّين لدينا وتقديم ارشادات مخصّصة لك لتحسينها وكذلك على ملفّك الشخصي في مواقع العمل الحر." عليك توفير الـ CV وإرساله لمركز المساعدة للإطلاع عليه.
  24. توجد اكثر من طريق لدعم تعدد اللغات ولكن اشهرهم واكثرهم شيوعا باستخدام مكتبة جافاسكريبت خارجية تسمى "i18next". هذه المكتبة تسمح بإدارة اللغات بشكل مركزي وتبديل اللغة على الصفحة دون الحاجة لإعادة تحميلها. إعداد i18next لتبديل اللغات 1. إضافة المكتبات: لنبدأ بإضافة المكتبات اللازمة في ذيل الصفحة (HTML footer): <script src="https://unpkg.com/i18next@21.5.3/i18next.min.js"></script> <script src="https://unpkg.com/jquery@3.6.0/jquery.min.js"></script> <script src="https://unpkg.com/i18next-browser-languagedetector@6.1.1/i18next-browser-languagedetector.min.js"></script> 2. تحضير ملفات اللغة: نعمل ملفات JSON لكل لغة عايزين ندعمها. يعني لو الإنجليزية والبنغالية: // en.json { "greeting": "Hello" } // bn.json { "greeting": "হ্যালো" } 3. تهيئة i18next: هنهيء i18next في ملف JavaScript: i18next.use(i18nextBrowserLanguageDetector).init({ resources: { en: { translation: { "greeting": "Hello" } }, bn: { translation: { "greeting": "হ্যালো" } } }, fallbackLng: 'en', detection: { order: ['querystring', 'cookie', 'localStorage', 'navigator', 'htmlTag'], caches: ['cookie'] } }, function(err, t) { // معالجة DOM باستخدام jQuery لتحديث النصوص updateContent(); }); function updateContent() { $('body').find('[data-i18n]').each(function() { var $this = $(this); var key = $this.data('i18n'); $this.text(i18next.t(key)); }); } 4. تحديث HTML لاستخدام i18next: تأكد إن العناصر اللي عايز تغير لغتها معمول لها السمة data-i18n: <body> <center> <div class="switch"> <input id="language-toggle" class="check-toggle check-toggle-round-flat" type="checkbox" onclick="toggleLanguage()"> <label for="language-toggle"></label> <span class="on">BN</span> <span class="off">EN</span> </div> <h1 data-i18n="greeting">Hello</h1> </center> </body> 5. تبديل اللغات: نضيف دالة لتبديل اللغة لما الزرار يتغير: function toggleLanguage() { var newLang = i18next.language === 'en' ? 'bn' : 'en'; i18next.changeLanguage(newLang, function(err, t) { if (err) return console.error('Something went wrong loading', err); updateContent(); }); } استخدام i18next بيسهل إدارة اللغات وتبديلها، وبيسمح بزيادة دعم لغات تانية بسهولة عن طريق إضافة ملفات JSON. كمان، الطريقة دي بتحسن تجربة المستخدم بإنه يقدر يغير اللغة من غير ما يحتاج يعيد تحميل الصفحة." ولكن يوجد طرق اخري ابسط ولكن اقل شيوعا ولكن حسب استخدام الموقع بتاعك وتفضيل اي طريقه
  25. السلام عليكم كيف يمكنني الحصول على تدريب ؟ و اين ساجد فرص اكثر في بلدي ام في الوطن العربي (عن بعد) او في الخارج عن بعد ؟
  26. كيف يمكنني جعل زر التبديل بين اللغات في الصفحة مثل هذا يعمل وينقلني إلى الصفحة باللغة الأخرى عند الضغط عليه؟ https://codepen.io/TorabRamin/pen/mqrBBj
  27. عشان تفتح الملف اللي بامتداد .رار ده، اللي فيه موقع ويب بيشمل كود اتش تي ام ال و سي اس اس و بي اتش بي، لازم يكون عندك برنامج لفك الضغط يقدر يفتح صيغة ال رار دي. فيه برامج كتير ممكن تستخدمها لكده، على حسب نظام التشغيل اللي عندك: لو ويندوز: 1- وينرار او 7 زيب: - ممكن تنزل وينرار من موقعه الرسمي https://www.win-rar.com - او تنزل 7 زيب من موقعه https://www.7-zip.org/ ومجاني - بعد ما تنزل اي واحد منهم، اضغط كليك يمين على ملف hospital.rar واختار "Extract Here" او "Extract to folder" لو ماك: 1- ذا انارشيفر او كيكا: - ممكن تنزل ذا انارشيفر من متجر تطبيقات الماك - او تنزل كيكا من موقعها الرسمي https://www.keka.io - بعد تركيب اي واحد منهم، اضغط دبل كليك على ملف hospital.rar عشان يفتحه لو لينكس: 1- انرار او بيازيب: - عشان تركب انرار، ممكن تستخدم الامر "sudo apt-get install unrar" (للتوزيعات بتاعة ديبيان/ابونتو) او حاجة شبهها في توزيعتك - ممكن تنزل بيازيب من موقعها https://peazip.github.io/ - استخدم الامر "unrar x hospital.rar" في الترمينال عشان تفك الضغط لما تفك الضغط: - هتلاقي ملفات الاتش تي ام ال و السي اس اس و البي اتش بي، ممكن تفتحها بمحرر نصوص زي فيجوال ستوديو كود او سبلايم تكست - عشان تشغل الملفات اللي فيها بي اتش بي، لازم تركب خادم محلي زي زامب او مامب: - زامب: ممكن تنزله من موقعه https://www.apachefriends.org - انقل الملفات اللي فكيتها لمجلد htdocs جوا مجلد زامب - شغل خدمات ابتشي من لوحة تحكم زامب وافتح المتصفح على localhost/اسم_المجلد عشان تشوف الموقع لو عملت كده بالخطوات دي، مفروض تقدر تفتح وتشغل ملفات الموقع بتاعك بسهولة.
  1. عرض المزيد
×
×
  • أضف...