لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 12/26/22 في كل الموقع
-
انا عملت موقع ب react , css, nodejs, express, mongodb بس مش عارف اعمله رابط (host) و استضافة heroku مش مجانيه دلوقتي فممكن طريقه ده مجلد المشروع 2056265696_mytodolist.zip1 نقطة
-
لدي مصفوفه يتم ادخال لها قيم في شاشه الادخال وعمل لها export .... ثم في شاشه اخرى تم استيراد المصفوفه التي تحتوي على القيم المدخله من الشاشه السابقه ... ولاكن لدي مشكله في ان اريد اقوم بعمليه الطرح ... مثل اقوم amount - dailyExpenses ثم ارجاع القيمه الجديده بعد عمليه الطرح الى المصفوفه ...... كذالك المصفوفه عباره عن عده قيم متتاليه .... فكيف ذااالك import { dailyExpenses } from "../InsertInputMo/InsertInputMo"; (المصفوفه المستورده) <Inputs Style={styles.input} onChangeText={((num) =>setAmount(num))} لادخال الرقم لتنقيصه من قيمه المصفوفه title="amount (المبلغ)" value={amount} keyboard="numeric" />1 نقطة
-
مرحبا كم مسار علي ان اكمل في دورة علوم الحاسوب لكي استطيع العمل ؟ ارجو الاجابة وشكرا1 نقطة
-
اذا حتى وان اكملت دورة علوم الحاسوب فلن استطيع العمل الا ان تخصصت باحد هذه المجالات ؟ ليس لدي خبرة في البرمجة غير الذي تعلمته من المسار الاول للدورة1 نقطة
-
أظن أن هذا السؤال يحتاج أن يتقسم الى أسئلة اخرى أدق للاجابة عليه بشكل تفصيلي، فعلى سبيل المثال: ما الذي تريد أن تعمله بشكل أساسي؟ ما مدى معرفتك المسبقة بمجال العمل الذي تريد أن تنشط فيه؟ وما الى ذلك، الدورة بشكل عام تحتوي المسارات التالية: مدخل الى علوم الحاسوب أساسيات البرمجة، بلغة جافاسكربت كمثال أنظمة التشغيل ونظام لينكس قواعد البيانات عالم الويب البرمجة كائنية التوجه، بلغة بايثون كمثال الخوارزميات وبنى المعطيات أنماط التصميم أساسيات هندسة البرمجيات هاته المواضيع تكتسبك مجموعة من المعارف المتقدمة بخصوص علوم الحاسوب بالمجمل، والتي يستعملها ويحتاجها كل من ينشط في مجال تطوير البرمجيات وعلوم الحاسب. فهي تغطي مجموعة من المعارف التي يمكنك الاستعانة بها في العمل في مجالات مختلف. فهي حجر الأساس للمجال ككل. أما ان كنت تريد التخصص في مجال معين على وجه التحديد فيمكنك الاختيار بين مختلف الدورات المتخصصة الأخرى: دورة تطوير واجهات المستخدم للتخرج والعمل كمطور واجهات استخدام دورة تطوير التطبيقات بلغة بايثون للتخرج والعمل كمطور بايثون دورة تطوير التطبيقات باستخدام لغة جافاسكربت للتخرج والعمل كمطور جافاسكربت دورة تطوير التطبيقات باستخدام لغة PHP للتخرج والعمل كمطور نظم خلفية باستخدام لغة PHP دورة تطوير التطبيقات باستخدام Ruby للتخرج والعمل كمطور نظم خلفية باستخدام لغة Ruby1 نقطة
-
تحياتي حاولة عدة مرات حل هذه المشكلة لم أستطع projectSchoole.rar1 نقطة
-
هل لديك node على جهازك ؟ جرب كتابة الأمر التالي في موجه الأوامر : node -v في حال حصلت على نتيجة تشبه التالي v16.13.1 فهذا يعني انه موجود، وإذا لم تحصل عليها فهذا يعني انك بحاجة لتنزيل node. حيث ان المشروع الخاص بك لايحتوي على اي package ويبدو انك لم تقم بإنشاء ملف package.json حتى.1 نقطة
-
هل يوجد شرح لها في دورة " تطوير تطبيقات الويب باستخدام لغة php " على اكاديمية حاسوب ؟ لأن اللي رسلته غير كافي ما وصل الى النقطة اللي انا ابغاها1 نقطة
-
من فضلك قومي بمحاولة حل التمرين لوحدك في البداية،فإعطاءك الحل مباشرة لن يساعدك في تحسين مهاراتك البرمجية. يمكننا مساعدتك في الفكرة العامة و في حال حاولتي و ظهر لك أخطاء أيضاً يمكننا مساعدتك، لكن لا يمكننا إعطاءك الحل فوراً. هنا كما تلاحظين مرة نريد أن نجمع العدد و مرة نريد طرحه، و كما يمكن الملاحظة فإننا نريد جمع الأعداد الفردية و طرح الزوجية. بالتالي هنا لدينا عدة مكونات، حلقة للمرور على الأعداد يفترض أنك تستطيعين كتابة هذا الجزء، و إلا قومي بالتحقق من مقالات حسوب و تعلم ما يلزم لكتابة الحلقة. نريد أيضاً شرط للتحقق فيما إذا كان العدد فردي أم زوجي، سأترك لك وظيفة التفكير في كيفية التحقق من ذلك، و لكنه شرط بسيط و غير معقد. حسب الشرط السابق إما علينا أن نجمع أو نطرح، بالطبع سنجمع أو نطرح إلى متحول يمثل المجموع نكون قد عرفناه قبل الحلقة. لا فرق بين الحلقات بشكل يؤثر على الفكرة، أي الفكرة تبقى نفسها و لكن فقط علينا الانتباه إلى أين نحن في الحلقة و متى يجب أن تتوقف الحلقة.1 نقطة
-
يمكنك استخدام api لمتجر الكتروني بحيث يكون اقرب ما يكون للموقع الحقيقي. مثل fake store api حيث تقوم بإرسال طلبات إلى الـ api وتحصل على منتجات تجريبية جاهزة. وكذلك فعلى ما يبدو أنه لديهم توثيق لأغلب الروابط المتاحة وهذا مثال عن منتج معين من هنا1 نقطة
-
لابدّ أنك ستصل خلال مسيرتك المهنية في عالم العمل الحر إلى مرحلة ترغب فيها برفع أسعارك، فالعديد من الشركات والمستقلين يقدمون خدماتهم في البداية نظير أقل من المتوسط لاستقطاب العملاء، ومن ثم يرفعون أسعارهم بالتدريج مع تطور خبراتهم وارتفاع قيمة خدماتهم في نظر العملاء. لقد أُلفت كتب بأكملها حول أفضل السبل لرفع الأسعار، والنقاش في هذا الموضوع يطول ولا يمكن استيعابه في مقال واحد. ربما تجد في نفسك ميلًا إلى استقطاب عملاء جدد بأسعار مرتفعة مع التخلص من العملاء القدماء تدريجيًا، لكن مع ذلك يُفضل ألا تخسر أولئك العملاء، وخصوصًا أنك قد بنيت علاقةً وطيدةً معهم. ولكن ماذا تفعل إن أخبرت العميل أنك بصدد زيادة أسعارك ورفض القبول بها؟ في البداية، يجب أن تضع نفسك مكان عميل، وأن تطرح على نفسك بضعة أسئلة لتعرف ما إن كان السعر الذي تطلبه منصفًا حقًا. كم معدل الزيادة؟ إذا قررت بين ليلة وضحاها زيادة أسعارك بنسبة 100%، فإن ذلك سوف يشكل صدمةً لدى عملائك، ولا عجب في أن يرفضوا القبول بذلك. إن معدل زيادة أسعارك هو قرار شخصي بالتأكيد، ولكن يجب عليك في العموم ألا تزيد أسعارك بمعدل أكثر من 20% في كل مرة. ما وتيرة زيادة أسعارك؟ إذا كنت تزيد أسعارك كل شهر، فسوف تخسر عملاءك بلا شك، فلا أحد على استعداد للدفع مقابل خدمة تزيد أسعارها باستمرار. ولكن إذا قبلت عملًا بسعر منخفض وترغب بزيادة هذا السعر في المستقبل القريب، فاتفق مع العميل على فترة زمنية محددة من أجل التوصل إلى سعر جديد. عدا عن ذلك، فإنه من الطبيعي أن تزيد أسعارك كل فترة (بين بضعة شهور إلى سنة بحسب سرعة نمو أعمالك). هل ارتفعت قيمة خدماتك بالنسبة إلى العملاء؟ ربما تشعر بأنك تستحق زيادةً لأنك عملت مع العميل لمدة من الزمن، ولكن إذا كان العميل يحصل منك على ذات الخدمة التي كان يحصل عليها عندما بدأت بالعمل معه لأول مرة، فلماذا تطلب الزيادة؟ إذا كنت قد بدأت العمل مع العميل بأسعار أقل كثيرًا من سعر السوق، فقد يكون لديك سبب وجيه لطلب الزيادة مع مرور الوقت، ولكن لا تتفاجأ إذا طلب منك العميل دليلًا على القيمة الإضافية التي تقدمها له، وهنا يأتي دور العرض. اكتب عرضًا مميزًا تشرح فيه أسباب طلبك للزيادة، وتوضح فيه القيمة الإضافية في خدماتك. قد تأخذ هذه القيمة أشكالًا متعددة، مثل ارتفاع جودة الخدمات، أو زيادة المبيعات، أو سرعة الإنجاز. وضح كيف ساعدت خدماتك العميل على تحسين أعماله خلال فترة عملك معه، ولو أمكن عزز عرضك ببيانات دقيقة ونتائج قابلة للقياس. كيف يُوازن سعرك الجديد بغيرك من المستقلين؟ إنك بحاجة إلى بذل جهد كبير ولمدة طويلة من الزمن قبل أن تتمكن من رفع أسعارك فوق بقية السوق. وحتى ذلك الحين، سوف يدرك عملاؤك أنهم يستطيعون الحصول على ذات الخدمة من أماكن أخرى وبسعر أقل. وحتى لو وصلت إلى تلك المرحلة، فثمة أيضًا أساليب أخرى لتحقيق النمو، مثل الاستعانة بمصادر خارجية أو تطوير المنتجات التي تقدّمها. ولكن إذا أدركت أن سعرك ربما قد يكون غير منصف لعملائك، فعد إلى العمل من جديد واحرص على تحسين خدماتك، ثم حاول رفع أسعارك مجددًا بعد بضعة شهور. يمكنك أيضًا أن تعرض سعرًا معقولًا، ولكنه ليس مرتفعًا كما كانت تطلب في البداية. في المقابل، إذا كنت تعتقد أن السعر الذي تطلبه منصف في مقابل جودة وقيمة الخدمات التي تقدمها، فالخطوة التالية هي وضع خطة عمل مفصلة لزيادة أسعارك. كيف تقنع عملاءك بقبول الزيادة في الأسعار؟ الأشخاص الناجحون يرفضون الاستسلام من أول مرة، لذلك يجب ألا ترضى بالأمر الواقع حتى لو رفض عملاؤك القبول بأسعارك، فذلك قد يعكس عدم ثقتك بمهاراتك أو بقيمة العمل الذي تقدمه. جرب استخدام بعض الاستراتيجيات التالية لإقناع عملائك بأسعارك الجديدة، فربما ينجح بعضها في نهاية الأمر: الحل الوسط: اقترح سعرًا أقل مما كنت تطلبه، ولكنه أعلى مما تحصل عليه الآن، كما يمكنك اقتراح رفع السعر تدريجيًا على مدار عدّة أشهر بدلًا من رفعه مرةً واحدة. التملق: لا تستهن بالتملق أبدًا. أخبر عميلك بمدى سرورك بالعمل معه، وبرغبتك في مناقشة خيارات أخرى للحفاظ على العلاقة معه، فذلك قد يكون كفيلًا بإقناعه. الأداء المبهر: حاول أن تقدّم أداءً مبهرًا في الأسابيع التي تسبق زيادة السعر، أو في الفترة الانتقالية بين إعلانك عن زيادة الأسعار وموعد تطبيق الأسعار الجديدة، إذ تساعد هذه الخطوة إلى إظهار مدى فائدتك للعميل إلى درجة تجعله تشعر بأنه غير قادر على الاستغناء عن خدماتك. الاستقالة الوهمية: إذا لم تُجد أي من الاستراتيجيات السابقة نفعًا، فيمكنك دومًا اللجوء إلى حيلة التوقف عن تقديم الخدمات (مع الاعتذار للعميل عن مواصلة العمل معه) على أمل أن يبتلع العميل الطعم، ويعرض عليك زيادةً مقابل البقاء. مع ذلك، ثمة فرصة كبيرة لهذه الخدعة ألا تنجح، لذلك يُفضل ألا تستخدمها مع عملائك المهمين. تحديد العملاء المهمين ماذا تفعل إذا جربت كل شيء ولم يقتنع العميل بقبول الزيادة؟ في هذه الحالة، لا يوجد ما يدعو لليأس أو الإحباط. صحيح أن ثقتك بنفسك قد تهتز قليلًا وخصوصًا بعد كل الجهد الذي بذلته من أجل رفع أسعارك، ولكن تذكر أن التعرض للرفض هو جزء من طبيعة عملك مستقلًا. بعض العملاء سوف يقبلون بزيادتك بلا تردد، وآخرون سوف يرفضونها بلا تردد. وفي هذه الحالة، أنت من يقرر إن كنت تريد مواصلة العمل معهم أم لا. مع ذلك، يجب أن تتخذ قرارك بعناية حتى لا تنتشر عنك سمعة سلبية بأنك ترفض العملاء على الدوام، وعلاوةً على ذلك، حتى لا تخسر عملاءك المهمين الذين يقدّمون لك فوائد تتخطى مجرد المال. إذًا كيف تحدد أي العملاء تُبقي وأي العملاء تترك؟ فكر بقيمة العميل بالنسبة لمسيرتك المهنية إذا كان العمل مع شركة كبيرة أو مرموقة في مجالك يعزز ملف أعمالك ويساعدك على تسويق خدماتك، ويدعم مسيرتك المهنية بشكل أو بآخر، فربما يجدر بك الحفاظ على العلاقة معها. يجب أن تقرر ما إن كانت العلاقة مع العميل تساعد أعمالك على النمو على النحو الذي تريد، أو أنها تحول دون حصولك على فرص أكبر وأفضل. ضع استمرارية العمل وموثوقية العميل في الحسبان. هل يعرض العميل عليك العمل باستمرار ويدفع بسرعة؟ أم أنه يغيب لأشهر ثم يطلب منك العمل خلال مدة زمنية قصيرة ويتأخر في الدفع؟ ثمة الكثير مما يقال في هذا الصدد، فقيمة العميل تعتمد في كثير من الأحيان على موثوقيته. لا تغفل عن اهتماماتك جميعنا يقبل بأعمال لا يحبها بالضرورة، ولكننا بحاجة إلى المال في النهاية. مع ذلك، قد يكون لديك عميل تحب العمل معه لأنه يوفر لك أعمالًا ممتعةً وملهمةً بالنسبة إليك حتى لو لم يكن يستطيع دفع أسعار مرتفعة، وبالتالي قد تختار الاحتفاظ بعلاقتك معه. تذكّر أن المال ليس كل شيء وأن أحد مزايا عملك المستقل هو قدرتك على اختيار العمل الممتع بالنسبة إليك. لا تترك عمل الخير قد نعمل في بعض الأحيان بسعر منخفض وحتى مجانًا، لصالح قضية عادلة أو مؤسسة خيرية لا تستطيع دفع أسعار مرتفعة. إن هذا النوع من العمل لا يمثل غالبية أعمالك، كما أنه قد يكون مفيدًا لك في تسويق خدماتك وتحسين مدى رضاك عن نفسك. مع ذلك، يجب أن تفرّق بين قضية عادلة فعليًا، وشخص يحاول استغلالك. على سبيل المثال، من المقبول تمامًا أن تعرض العمل بسعر مخفض لصالح مؤسسة خيرية، ولكن فكر مرتين قبل القبول بعمل منخفض السعر من صديق يرغب بتوفير بضعة دولارات. الملجأ الأخير إن العملاء الذين يرفضون القبول بأي زيادة في سعرك حتى لو كانت منصفة، ليسوا بالعملاء الذين يستحقون أن تواصل العمل معهم على أي حال. امضِ إلى الأمام ولا تلتفت إليهم. ولكن إذا كان لديك عميل مهم ترغب بمواصلة العمل معه، فما زال بحوزتك وسيلتين لرفع السعر. يُنصح مزودو الخدمات دائمًا بالعمل على أساس المشروع لا على أساس الساعة، فهو يجعلك معتمدًا كليًا على قبول العميل بالزيادة التي تطلبها. وإذا كنت تتمتع ببعد النظر واخترت العمل على أساس المشروع، فثمة دومًا طريقتان لرفع سعرك في الساعة، وهو ما يمنحك زيادة فعلية دون الحاجة إلى موافقة العميل، أو حتى معرفته. 1. اعمل بوتيرة أسرع وأكثر كفاءة أيًا كان العمل الذي تمارسه، يمكنك زيادة سرعة ووتيرة إنجازك لعملك، وبالتالي رفع سعرك في الساعة تلقائيًا. أحيانًا تكون هذه السرعة نتيجة الممارسة، مع ذلك يمكنك استخدام بعض البرامج والأدوات التي تجعلك أكثر كفاءة وإنتاجية. على سبيل المثال، إذا كنت كاتبًا فيمكنك تحميل برنامج للتعرف على الصوت، وذلك للتخلص من الحاجة إلى الطباعة؛ أمّا إذا كنت مبرمجًا، فيمكنك استخدام تطبيقات البرمجة التي تقدّم نصائحًا تسرّع من عملية كتابة النص البرمجي، وتقدّم مزايا أخرى لتوفير الوقت. اسأل الآخرين من حولك عن الأدوات التي يستخدمونها، ثم جرب تأثيرها على قدرتك الإنتاجية. 2. وسع أعمالك واستعن بمصادر خارجية يمكنك أيضًا لمضاعفة إنتاجيتك أن تعهّد ببعض المهام إلى الآخرين بسعر أقل مما تحصل عليه من العميل، ولكن يجب أن تكون حذرًا هنا، فإذا كنت مصممًا مثلًا، فسوف يكون من الخطير للغاية أن تعهّد بالعمل إلى مصممين آخرين، خصوصًا إذا لم تبلغ العميل أولًا. مع ذلك، إذا فكرت قليلًا خارج الصندوق، فسوف تعثر على العديد من المهام التي تستطيع توكيلها لآخرين دون أن يؤثر ذلك على جودة عملك. يمكنك مثلًا توظيف مساعد افتراضي لإدارة بريدك الإلكتروني، أو توظيف شخص لتدقيق مقالاتك وتنسيقها. الاستنتاج تتطلب زيادة الأسعار قدرًا كبيرًا من الثقة، وخصوصًا مع صعوبة الثبات على موقفك في حال رفض عملاؤك القبول بتلك الزيادة، ولكن أهم ما في الأمر أن تثق بنفسك، وإلا كيف تتوقع من العملاء أن يثقوا بك؟ هل لديك تجارب مسبقة في رفع الأسعار؟ إذا كانت لديك أي نصائح إضافية، فيسرنا أن تخبرنا بها في التعليقات. ترجمة -وبتصرّف- للمقال How to Raise Your Rates Without Losing Clients (Even if They Say No) لصاحبه Tom Ewer. اقرا أيضًا كيف ترفع أسعار خدماتك كمستقل في أربع خطوات كيف ومتى تقوم بإعادة التفاوض على أسعارك ككاتب مستقل كيف تزيد من أرباحك ككاتب أو مُدوّن مُستقل الدليل الشامل لتحديد ميزانية مشروع في العمل الحر1 نقطة
-
تُعد لغة HTML الترميزية أساس كل شيءٍ تقريبًا على الإنترنت. فهي حجر الزاوية الذي بُني عليه المحتوى في الإنترنت منذ عقودٍ مضت، وحتى الآن. ولكن دون فهمٍ عميق للغة HTML، سيكون كل ما تفعله في ووردبريس من تصميم أو تطوير ناقصًا. لحسن حظك، يوجد عدد كبير من رموز HTML الأساسية التي يستخدمها المبتدئون والمخضرمون في ووردبريس على حدٍّ سواء على أساسٍ شبه يومي، والتي سنشرحها لك خلال هذا المقال لتستوعبها بسهولة. ما هي لغة HTML؟ يَرمز HTML إلى اختصار لغة ترميز النص الفائق، وهذا يعني أنها لا تنتمي إلى لغات البرمجة. لا تنفِّذ HTML أوامر برمجية في الحاسوب باستخدام برنامجٍ نصي، بل تضع علامات على النص الموجود في صفحة الإنترنت، مثل: مائل، غامق، المحاذاة، الحجم، وغير ذلك. تمنحك HTML أيضًا القدرة على تضمين الصور والروابط. ومع آخر إصدار HTML5، بات عرض النص والوسائط يتمّ بطرائق جديدة ومثيرة. تُضمّن رموز HTML داخل وسوم، ومن السهل جدًا قراءتها. قد تبدو صفحة HTML البسيطة كما يلي: <html dir="rtl" lang="ar"> <head> <title>يكتب عنوان الصفحة هنا.</title> </head> <body> <h1>هذا عنوان الصفحة الذي يراه المستخدمون</h1> <p>محتوى الصفحة</p> <p>المزيد من المحتوى</p> <p>المزيد من المحتوى </p> <h2>عنوان فرعي</h2> <p><img src="https://bit.ly/3OhDvUC"></p> <p><a href="https://academy.hsoub.com/">رابط أكاديمية حسوب</a></p> </body> </html> عند معالجة هذه الرموز داخل المتصفح، ستظهر الصفحة كما يلي: كما ترون، HTML ليست صعبة. في الواقع، حتى لو لم ترَ أيّ رمز HTML سابقًا، فأراهنك أنك تستطيع معرفة ما تعنيه كل من هذه الوسوم من خلال السياق فقط. والآن، لنطلع على أهم رموز HTML الأكثر شيوعًا التي ستستخدمها طوال حياتك المهنية على الويب. العريض عندما تضع وسم <strong> حول النص، فأنت تطلب من المتصفح أن يجعل النص عريضًا. يمكنك أيضًا استخدام وسم <b> ببساطة، لكنّ استخدام وسم <strong> أكثر أمانًا؛ بسبب تفضيل جوجل ومحركات البحث الأخرى للعناصر الدلالية المشابهة له. يمكنك جعل هذا <strong> النص عريضًا </strong> باستخدام هذا الوسم. المائل يُستخدم وسم <Em> للتوكيد، ويمثل أيضًا الطريقة الدلالية في HTML لاستخدام الخط المائل. كما يمكنك استخدام <i> بدلًا من ذلك. يمكنك وضع النص <em> بخط مائل <em> باستخدام هذا الوسم. التسطير يُستخدم وسم <u> لتسطير النص. عامةً، لا يُستخدم التسطير بكثرة، وذلك لأن الروابط تكون مسطّرة افتراضيًا؛ مما جعل استخدام النص المسطّر العادي مرتبطًا بتجربة المستخدم السيئة، بسبب عدم قدرة المستخدمين على النقر على النص المسطّر العادي. يمكنك <u> تسطير النص </u> باستخدام هذا الوسم. العناوين ربما تكون وسوم العناوين هي الوسوم الأكثر استخدامًا من بين جميع رموز HTML الأساسية. تُستخدم وسوم <h1> و<h2> و<h3> و<h4> و<h5> و<h6> لتقسيم المحتوى إلى أقسام. احرص فقط على استخدام العناوين بترتيبٍ هرمي. تُوجِّهكَ جوجل إلى إدراج العناوين أسفل بعضها، لذا، تأكد من استخدام <h2> فقط أسفل <h1>، وليس أسفل <h3>. على الرغم من أن معظم الصفحات ستحتوي على <h1> واحد فقط، إلا أن جوجل لن تعاقبك على وجود المزيد. فقط ضع في حسبانك أن استخدام <h1> مرةً أخرى سيعيد تعيين التداخل في الصفحة (أو على الأقل في قسمٍ معيّن من الصفحة). <h2> إن عنوان H2 هو العنوان الأكثر استخدامًا </h2> لاحظ أن أغلب العناوين الواردة في هذا المقال هي H2. الصور يُعَد إدراج الصور أحد أكثر الأشياء المفيدة التي يمكنك فعلها باستخدام لغة HTML الترميزية، فقد أَخرجت هذه الميزة الإنترنت من أساليب عرض المحتوى النمطية إلى أخرى أكثر حيوية، كالتي نراها اليوم؛ وكل ما عليك فعله هو الحصول على عنوان URL للصورة التي تريدها، واستخدام وسم <img src> (الذي يشير اختصارًا إلى عبارة مصدر الصورة Image Source) مرةً واحدةً فقط، كما يلي: <img src="https://bit.ly/3OhDvUC" alt="صورة شعار أكاديمية حسوب"> لاحظ أنك لست بحاجة إلى إغلاق وسم الصورة باستخدام شرطة مائلة للخلف /. كما أن علامتي الاقتباس غير مطلوبتين لعرض الصورة، ولكنّ العديد من الأشخاص ما زالوا يستخدمونهما لجعل الرموز أكثر قابليةً للقراءة. تمثل قيمة خاصيّة <alt> النص البديل للصورة الذي سيظهر لأغراض إمكانية الوصول، ولفهرسة الصورة أيضًا بواسطة محركات البحث. يُعد النص البديل ضروريًا جدًا من أجل استخدام الأشخاص الذين لديهم برامج قراءة الشاشة والأجهزة الأخرى الإنترنت. يُعد النص البديل للصور من الممارسات المفضل استخدامها على الدوام. الروابط وصلنا إلى الروابط التي تحمل الكثير من الخاصيّات. أبسط صور استخدام الروابط هي من خلال الوسم <a href>. يشير <a> إلى أن هذا النص رابط، ويعني <href> حرفيًا إشارة النص التشعبي (العنوان الإلكتروني URL) إلى الموقع الذي يربط معه. <a href="https://academy.hsoub.com/">رابط أكاديمية حسوب، وهذا هو النص الذي سيكون قابلًا للنقر عليه</a> يُغلق وسم الرابط ببساطة باستخدام وسم </a>، ويمكنك استخدام أي نص تريده بينهما. سيكون هذا هو نفسه الرابط القابل للنقر، ويسمى نص الرابط Anchor Text. يمكنك أيضًا إدراج وسم الصورة داخل وسم الرابط؛ لجعل الصورة قابلة للنقر عليها، وفتح رابط موقع من خلال ذلك. <a href="https://academy.hsoub.com/"><img src="https://bit.ly/3OhDvUC" alt="صورة شعار أكاديمية حسوب"> المزيد من خصائص الروابط تستطيع أيضًا تضمين عدد من الخاصيات المختلفة للروابط؛ لتُحدِث أمور محددة عند النقر عليها، مثل: إلغاء تتبع الروابط، أو فتح الرابط في نافذة جديدة. وإليك بعضًا من أكثرها فائدة لك: توضح خاصية rel نوع العلاقة بين الرابط والصفحة الحالية، مثل استخدام noreferrer لمنع تتبّع حركة الإحالة إليك. تخبر خاصية target المتصفح بكيفية فتح الرابط، مثل استخدام _blank لفتح الرابط في علامة تبويب جديدة. تتوافق خاصية nofollow مع rel، وتخبر محركات البحث أنك لا تريدها أن تتبع موقعك رجوعًا عند الذهاب إلى الرابط المستهدف. هذا أمر جيد عند الربط بمحتوى مثير للجدل أو ما شابه ذلك، كما أنه يمنع الأشخاص من وضع روابط غير مرغوب فيها في التعليقات في موقعك. ومن خلالها، سيكون محتوى موقعك غير متحيّز؛ نظرًا لأنك لا تسمح بأيّ تتبع (روابط خلفية) تفيد المواقع بخلاف استضافتها في موقعك والنقر لفتحها. توجد المزيد من هذه الخاصيات، ولكنّ ما سبق ذكره سيشكّل غالبية ما ستحتاجه. <a href="https://academy.hsoub.com/" rel="nofollow" target="_blank">رابط موقع أكاديمية حسوب مع تفعيل وضع عدم التتبع والفتح في تبويب جديد</a> نص يتوسطه خط توفر HTML وسمًا لإدراج نص يتوسطه خط، بغض النظر عن سبب استخدامك له، والذي قد يكون إلقاء نكتة باستخدام كلمات غير لائقة، أو الحاجة إلى وضع علامة على الأشياء المحذوفة أو الملغاة. يمكنك استخدام وسم <del> من أجل كتابة نص يتوسط خط. وبالنسبة لبعض الأشخاص، يُعد هذا الوسم معروفًا وكثير الاستخدام، بينما قد لا يستخدمه البعض الآخر أبدًا. بغض النظر عن ذلك، من الجيد معرفته بما أنه سهل التذكر. تستطيع استخدام هذا الوسم من أجل إنشاء <del> نص يتوسطه خط </del> في لغة HTML. القوائم القوائم هي جزء رئيسي آخر من المحتوى على الويب هذه الأيام، فهي لا تمنحك بعض المساحة الفارغة من النص، وتقسّمه إلى أجزاءٍ صغيرة وحسب، بل تتيح لك أيضًا تنظيم أفكارك إلى أجزاء قابلة للفهم. يوجد نوعان من القوائم التي يمكنك إنشاؤها باستخدام رموز HTML. أولهما، القوائم المرتبة التي تُرّقم تصاعديًا بدءًا من الرقم 1؛ أما النوع الثاني، فهو القوائم غير المرتبة التي تَستخدم النقاط أو الرموز الأخرى (حسب تصميم موقعك) بدلًا من الأرقام. لإنشاء القوائم، ضع حولها وسم <ul>، أو وسم <ol> للقوائم غير المرتبة أو المرتبة على التوالي، وحول كل عنصر في القائمة وسم <li>. <ul> <li> عنصر من قائمة غير مرتبة </li> <li> عنصر آخر </li> </ul> <ol> <li> عنصر من قائمة مرتبة مرقمة </li> <li><a href="https://academy.hsoub.com/">رابط داخل عنصر بقائمة</a></li> <li><strong> هذا النص غامق </strong> وهذا لا </li> </ol> يمكنك إدخال أيّة وسوم أخرى في القوائم كما فعلنا في المثال أعلاه عند إدراج رابط ونص غامق وما إلى ذلك. الاقتباس ستحتاج في مرحلة ما من حياتك المهنية في الووردبريس إلى اقتباس شيءٍ ما ضمن محتواك، ولهذا الأمر يمكنك استخدام وسم <blockquote>. الصق النص الذي نسخته بين وسمي فتح وإغلاق من وسم الاقتباس، وستحصل على نصٍ مقتبس بين علامتي تنصيص. <blockquote>سيظهر هذا النص بتصميمٍ مختلف لتمييزه على أنه نص مقتبس</blockquote> الفقرات يملك الووردبريس ميزةً تتعلق بالفقرات في لغة HTML الترميزية، وهي إنشاء فقرة جديدة تلقائيًا مع كل نزولٍ إلى سطرٍ جديد، مع العلم أن أنظمة إدارة المحتوى ومنشئي الصفحات لا تفعل جميعها ذلك. لذا إن كنت بحاجة إلى جعل فقرات المحتوى منفصلة عن بعضها من دون أن تظهر كمُعلّقةٍ متراصّة، فضع حول بداية ونهاية كل فقرة وسم <p>. سيعرض المتصفح كل كتلة من النص كفقرة منفصلة، بدلًا من كتلة واحدة متتابعة. وافتراضيًا، تتجاهل المتصفحات فواصل الأسطر ما لم تخبرها بخلاف ذلك. <p>هذه فقرة أولى</p> <p>هذه فقرة ثانية</p> الخطوط الفاصلة والسطر الجديد قد تحتاج إلى فواصل أخرى بين الفقرات والأقسام، ومن أجل ذلك، يمكنك استخدام وسم <hr> لفصل الفقرات عن بعضها بسطر، ووسم <br/> لنزول سطر جديد. <hr> يُستخدم هذا الوسم لرسم خط على طول السطر الفاصل بين الفقرة والتي تليها. أما وسم <br/>، فهو مخصصٌ لنزول سطرٍ جديد، حيث يمكنك استخدامه في منتصف فقرة <p> لنزول سطر دون الخوض في فقرة جديدة، والحفاظ على التصميم والتنظيم. إن وسم <br/> ذاتي الإغلاق، أي لا يمكن أن يحوي أيّ نصٍ داخله، ويُعرف ذلك بالشرطة المائلة في نهاية الوسم. بالرغم من أن هدف وسمي <hr> و<br/> هو فصل النص عن بعضه، إلا أنه لا يُنصح باستخدامهما، فعندما تصبح أكثر خبرة في استخدام HTML وCSS وJavaScript، ستلاحظ أن استخدام وسم <p> أسهل في استخدام عناصر التصميم معه. الخاتمة إن لغة HTML الترميزية مهمة جدًا في شبكة الإنترنت، ويستخدمها الجميع بنفس الطريقة، سواء كانوا مبتدئين في تطوير الويب والتصميم، أم مخضرمين، فما زالت رموز HTML الأساسية مستخدمة في جميع المواقع. مهما كان موقعك رائعًا وذا ميزات متطورة، ستحتاج إلى معرفة كل من <href> و<strong> لحل أيّة مشكلة في الروابط، أو جعل النص غامقًا عند موضعٍ معين بسهولة. هل ترغب في امتلاك موقع ووردبريس سريع وآمن؟ احصل على موقع ووردبريس احترافي بالاستعانة بأفضل خدمات الووردبريس على خمسات أنشئ موقع ووردبريس الآن ترجمة -وبتصرّف- للمقال How to Create a Custom WordPress User Registration Page لصاحبه B.J. Keeton. اقرأ أيضًا كيفية استخدام مكون HTML مخصص في ووردبريس مقدمة إلى تطوير قوالب ووردبريس: تحويل صفحة HTML إلى قالب ووردبريس كيف تحوِّل قالب HTML ساكِن إلى قالب ووردبريس متجاوب: تخصيص الموقع1 نقطة
-
ليس من الخطأ أبدا استخدام Fetch ولكن أغلب المطورين يلجئون إلى إستخدام axios لعدة مميزات لعل من أشهرها هو التالي 1- تقليل الكود المكتوب فعلى سبيل المثال إذا أخذنا الكود المرفق في السؤال وكتبناه بإستخدام axios فسيكون كالتالي useEffect(() => { axios("https://api.example.com/items") .then((result) => { setIsLoaded(true); setItems(result.data); }) .catch((error) => { setIsLoaded(true); setError(error); }); }, []); حيث تم توفير خطوة التي كنا نقوم فيها بالتحويل إلى JSON 2. تضمين بعض الأمور من أجل الحماية بشكل تلقائي على سبيل المثال XSRF إختصار ل "Cross-site request forgery" أو ما يسمى ب "تزوير الطلب عبر المواقع" مثال axios.post('/signup',{ xsrfCookieName: 'XSRF-TOKEN', xsrfHeaderName: 'X-XSRF-TOKEN', }); 3. ماذا لو قمت بإنشاء طلب بإستخدام axios وأردت إلغاء هذا الطلب على الفور لأنه يأخذ وقت طويل مثلا يمكنك القيام بذلك مباشرة بإستخدام axios بشكل إفتراضي بإستخدام "CancelToken" و "cancel()" 4. متابعة عملية رفع ملف مثلا وتتبع تقدم عملية الرفع باستخدام const config = { onUploadProgress: progressEvent => { console.log(progressEvent.loaded); } } axios.put(`${URL}/upload/image.png`, data, config) 4. لعل من ضمن المميزات أيضا أننا يمكننا إستخدام axios على السيرفر أيضا على عكس fetch فهي موجودة في المتصفح فقط ولذا يقوم المطورين بتوحيد الأداة المستخدمه. وغيرها من المميزات المدمجه في axios والتي تساعدنا في إنجاز عدة أمور دون كتابتها من الصفر. ولعلنا هنا نحتاج إلى أن نركز على أن axios هي مكتبة خارجيه تم إدماج العديد من المميزات بها من قبل المطورين القائمين عليها حتى تقوم بتسهيل الكثير من الأمور ولذا يمكننا إستخدامها مثلا في المتصفح والسيرفر ولكن fetch هي موجوده بشكل إفتراضي في جافا سكريبت ولها وظيفة واحده وأساسيه ولذا هنا سبب الفارق بينهما.1 نقطة
-
ليس من الخطأ استعمال fetch عوضا عن axios فكلاهما مكتبتان لطلبات الhttp مثلها مثل : Node http node-fetch fetch-polyfill reqwest .. وغيرها الكثير .. و اختيار مكتبة الاجاكس قد يخضع لعدة معايير نذكر منها : دعم المتصفحات , فالمكتبة التي تدعمها أغلب المتصفحات تكون لها الأفضلية . على سبيل المثال فإن fetch لا تعمل في النسخة 11 من انترنت اكسبلورر و لا توجد طريقة لتحقيق ذلك كون fetch طريقة تخص المصتفح في حين أن مكتبة axios تعمل في كلها . مهلة الاستجابة , و أقصد بهذا التحكم في المهلة الاختيارية قبل إحباط الطلب فليست كل المكتبات توفر هاته الميزة , وإن كانت فليست كلها توفرها بطريقة بسيطة وسهلة مثل تلك التي تقدمها مكتبة axios . التحويل التلقائي للبيانات الى صيغة JSON . رغم أن العملية جد بسيطة و لا تحتاج الا عمل parse للبيانات المستدعية عن طريق الـAPI لكن الافضلية تبقى لمن يبسط العمليةإاكثر . فعلى سبيل المثال تحتاج لتحويل البيانات الى json باستعمال fetch عن طريق : // fetch() fetch('https://my.api.co/api/v1/items') .then(response => response.json()) // تحويل .then(data => { console.log(data) }) .catch(error => console.error(error)); في حين أنك باستعمال axios لن تضطر لتحويلها : // axios axios.get('https://my.api.co/api/v1/teachers') .then(response => { console.log(response.data); // لا حاجة لتحويل البيانات }, error => { console.log(error); }); و طبعا , كود أقصر يعني كود أفضل . وقس على ذلك العشرات من طلبات الـ HTTP . 4. اعتراضات HTTP أو ( HTTP interceptors ) : القدرة على اعتراض طلبات الHttp بشكل globally مفهوم ستحتاج للتعامل معه بشكل كبير في بناء تطبيقات الصفحة الواحدة SPA و تطبيقات الويب التقدمية , فقبل عرض أي نتائج تحتاج طبعا إلى فحص طلبات HTTP ( كأن تتفحص حالة الطلب أو كود الحالة ) ومن ثم التصرف بناءا عليها , كالتسجيل والمصادقة و ما إلى ذلك , ولن تضطر لكتابة رمز منفصل لكل طلب HTTP. و مكتبة axios تجعل الأمر جد سهل فعلى سبيل المثال : // تعريف بملف اعداد axios axios.interceptors.request.use(response => response, config => { // يشير الكود 403 في توثيق الاي بي اي لهذا التطبيق الى ان التوكن قد استهلك استعماله وهو غير صالح if(response.data.status == 403){ alert('يرجى اعادة تسجيل الدخول'); } return config; }); // هنا يمكنك ارسال طلب في حين أن مكتبة fetch لا توفر طريقة مباشرة لإعتراض الطلبات و هذا ما يجعل axios إفضل بهاته التقطة . و كنقطة فرعية لا ينبغي إغفال المجتمع المستعمل لمكتبة axios في الـ vue و الreact الangular و الnode و غيرها , و كونها شعبية يعني وفرة المعلومة و سهولة الوصول إليها , وهذا شيء نحتاجه كمطورين . اما عن رأيي الشخصي فأفضل استعمال مكتبة axios , فهي توفر كود أقصر و أفضل قراءة . و لها شعبية مستعملين كبيرة و واسعة , كما أنها سهلة الادارة و الاعداد . وفي النهاية يبقى الاختيار لك , فـ axios توفر حزمة مضغوطة لمعظم إحتياجات اتصال HTTP الخاصة بك. ومع ذلك , فان استخدام طريقة fetch التي توفرها متصفحات الويب لا تحتاج منك استدعاء و استعمال عميل HTTP API . فذلك شيء يحدده درجة تعقيد مشروعك و تعاملك مع الAPI و حاجتك لمختلف مفاهيم اتصال HTTP الخاصة بك .1 نقطة
-
أولاً fetch دالة جاهزة في ال javascript بينما axios مكتبة تحتاج لإستدعائها بالطبع ليس خطأ والفرق بينهما بسيط ويمكن لكلاهما القيام بنفس الشئ والفرق بينهما fetch لا تدعم IE 11 بينما axios تدعمه عند عمل request يجب أن تقوم بتنفيذ الدالة json() function لل response بينما لا نقوم بذلك في axios يجب عليك تحويل ال object ل json في ال fetch بينما لا نقوم بذلك في ال axios أعتقد أنه لا يمكنك العمل مع ال service worker لل PWA باستخدام axios فقط fetch لذلك يمكنك استخدام كلاهما بدون مشاكل ولكن في التطبيقات الكبيرة ربما تسهل ال axios العمل عن ال fetch1 نقطة
-
يوجد بعض الاختلافات بين ال fetch و الاكسيوس ساوضح بعضها كالتاللي : fetch لا يوجد تحويل مباشر الي صيغة json بما معناه النتيجة الراجعه لن تكوم على شكل json و عليك اولا استقبال القيمة و من ثم تحويلها فيما يخص axios فانه يستقبل القيمة و يحولها فورا اكسيوس يدعم تحديثات البراوزر اكثر من الفيتش حيث ان fetch تدعم فقط Chrome 42+, Firefox 39+, Edge 14+, and Safari 10.1 fetch تستخدم قيمة الbody اكسيوس يستخدم قيمة data ,و كما قلنا بالاعلى اكسيوس يحتوي على قيمة اوبجت اما الفيتش فسوف تحتاج الى استخدام json.stringified او json.pars لتحويل المعلومات الي الصيغة المرادة يسمح Axios بإلغاء الطلب وانتهاء مهلة الطلب اما الفيتش فلا يسمح بذلك fetch بلد ان لذلك لست بحاجة الى تنصيبها للاستخدامها اما ال axios فإنك بحاجة الى تنصيب الملف ليس من الخطأ استخدام fetch و لكن من الافضل استخدام مكتبة لها دعم اكبر في المتصفحات كما انها اكثر سهولة و مرونة1 نقطة