وعليكم السلام ورحمة الله وبركاته. الفرق بين كتابة الكود من مبتدئ ومن خبير يتلخص في عدة جوانب: التنظيم: المبتدئ: قد يكتب الكود بشكل غير منظم وأكواد غير نظيفة مما يجعله صعب القراءة والفهم والتعديل عليه مستقبلا. الخبير: ينظم الكود بشكل جيد فيتم تقسيم الملفات وتنظيمها و يستخدم هياكل واضحة للأكواد مما يسهل فهمها وقرائتها والتعديل عليها مستقبلا . 2.الكفاءة: المبتدئ: قد يكتب كود طويل أو غير فعال مما يؤدي إلى بطء الأداء فأبسط شئ أنه قد لا يستطيع التعامل مع
محمد عاطف
16 نقاط السمعة
607 مشاهدات المحتوى
عضو منذ
1
محمد عاطف
نعم بالفعل هذا الكود الذي أرفقته يضمن أن الشيفرة التي بداخل الدالة سيتم تنفيذها فقط بعد تحميل المستند بالكامل. وهذه من خاصية إطار العمل jQuery حيث هذه طريقة مختصرة (shorthand ) لكتابة الكود التالي : $(document).ready(function() { // jQuery methods go here... }) يعني أنه عندما يكون DOM (كائن المستند) جاهزًا، سيتم تنفيذ الدالة التي تحتوي على الكود بداخلها. وهذا هي الطريقة الصحيحة لتفادي أى مشاكل حيث يجب الإنتظار حتى يتم تحميل جميع العناصر في الصفحة قبل تنفيذ الكود .
نعم بالفعل هذه الخاصية هي short hand لثلاث خصائص flex-grow و flex-shrink و flex-basis يمكنك وضع الثلاث قيم معا في سطر واحد . وما قمنا به هو وضع 1 لقيمة flex-grow و يمكنك إستبدال flex ب flex-grow إذا أردت . أما بخصوص عمل break بعد عدد عناصر معين يمكنك إستخدام الخاصية flex-basis هكذا : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .container { display: flex; flex-wrap: wrap; } .item { flex-grow: 1; flex-basis: 30%; box-sizing:
يمكنك إستخدام الخاصية flex للعناصر الأبناء والتي ستعطي للجميع نفس المساحة بالتساوى لتصبح جميع العناصر معا لها نفس عرض العنصر الأب . وهذا الكود كمثال لك : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .parent { display: flex; } .child { flex: 1; border: 1px solid #000; } </style> </head> <body> <div class="parent"> <div class="child">عنصر 1</div> <div class="child">عنصر 2</div> <div class="child">عنصر 3</div> </div> </body> </html> هنا بفضل الخاصية flex:1 للعناصر الأبناء ستجد أن تم تقسيم
لا ليس طبيعيا من المفترض أن لارافيل أيضا سريع ولكن من الممكن أن كثرة الملفات الخاصة بجافاسكريبت كما هو واضح من الصورة تؤثر علي ذلك .حيث أنك تستخدم العديد من المكتبات الخاصة بجافاسكريبت وهي مما تسبب أخذ وقتا كثيرا في تحميل تلك الملفات في المتصفح ومن ثم تشغيلها في المتصفح لتعمل فكل هذا يؤثر في سرعة ظهور الموقع. أولا يجب عليك التأكد هل الصفحة تحمل سريعا أي يظهر النص سريعا ولكن الملفات مثل css و javascript تأخذ وقتا للتحميل و
مرحبا صلاح . يفضل وضع مشكلتك على موقع الأكاديمية ليتم الرد عليك من قبل المتخصصين هناك . ولكن لا تقلق سيتم الرد عليك قريبا حيث أحيانا يتأخر الرد من مركز المساعدة لمدة تصل إلي 48 وهذا بسبب وجود ضغط حاليا علي مركز المساعدة ولكن سيتم الرد عليك ومساعدتك في تلك المشكلة إن شاء الله. لذلك من فضلك يرجي الإنتظار قليلا وبمجرد الرد عليك ستجد أن المشكلة قد تم حلها بإذن الله.
وبارك فيك أخي . ظننت أنك تريد تغير الأرقام الإنجليزية إلى العربية كما قلت أنك ترغب الان بتحويل الارقام الى العربية اذا ممكن. ولكن لابئس يمكنك تغير اللون كما أخبرتك عن طريق تغير .number { color: red; } إلى أي لون تريده وكما تريد اللون الأخضر فيمكنك التغير إلى التالي : .number { color: green; } وتغير ال regex إلى التالي لإستهداف الأرقام العربية : const modifiedText = text.replace(/([\u0661-\u0669]+)/g, '<span class="number">$1</span>'); حيث نطاق الأرقام العربية في نظام unicode هو من
يمكنك إضافة regex جديد لتعديل الأرقام الإنجليزية إلى العربية حيث ال regex الحالي يقوم فقط بتغير الألوان . ويمكنك إستخدام الكود التالي : var map = ["&\#1776;", "&\#1777;", "&\#1778;", "&\#1779;", "&\#1780;", "&\#1781;", "&\#1782;", "&\#1783;", "&\#1784;", "&\#1785;"] paragraph.innerHTML = paragraph.textContent.replace(/\d(?=[^<>]*(<|$))/g, function ($0) { return map[$0] }); ولتغير اللون نقوم بتغير color: red; إلى اللون الذى تريده وبما أنك تريد لون أخضر نغيره إلى التالي : .number { color: green; } وهكذا سوف يعمل معك إن شاء الله وإذا لم يعمل فيفضل
الحل يعتمد علي طريقة تسجيلك للدخول . فهل قمت بوضع ملف التحقق من أن المستخدم موجود في الجلسة في ملف صفحة الأدمن ؟ فإذا لم تقم بوضع الملف فلهذا لا يتم إعادة توجيهك لصفحة تسجيل الدخول حتي لو لم تقم بتسجيل الدخول بالفعل. لذلك قم بإستيراد ملف التحقق من تسجيل الدخول في جميع الصفحات التي تريد حمايتها وجعلها مسموحة فقط للمستخدم . والملف من المفترض أن يحتوي على الكود التالي : <?php session_start(); // تحقق من وجود متغيرات الجلسة التي
وعليكم السلام ورحمة الله وبركاته . الفرق الرئيسي بين استخدام الـ action="get" و action="post" في عناصر <form> في HTML هو كيفية إرسال البيانات من المستخدم إلى الخادم (السيرفر)، بالإضافة إلى بعض الاختلافات الأخرى: طريقة الإرسال: GET: يُرسل البيانات من خلال إضافتها إلى نهاية عنوان URL كمعلمات. يكون هذا واضحا للمستخدم بحيث يمكنه رؤية البيانات في شريط العنوان (URL). POST: يُرسل البيانات كجزء من الجسم (Body) لطلب HTTP، وليس على شكل معلمات في عنوان URL، لذا لا تظهر البيانات في شريط
وعليكم السلام ورحمة الله وبركاته. من المستحيل إرسال الإيميلات عن طريق ال html فقط حيث لإرسال الإيميلات ستحتاج إلى خادم ليقوم بهذا الأمر . ولكن توجد طريقة وهي فتح البريد الإلكتروني الخاص بالمستخدم ويرسل رسالة لك من خلال البريد الإلكتروني الخاص به . ولفعل ذلك سنستخدم كود جافا سكريبت والذى سيقوم بتحويلنا إلى عنوان mailto وهذا العنوان عندما يراه المتصفح سيقوم بفتح البريد الإلكتروني الإفتراضي . <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> #contact-form
وعليكم السلام ورحمة الله وبركاته . نعم بالطبع يمكنك ذلك ولكن هذا يعتمد على حجم مشروعك وما الذى تريد تنفيذه . إذا كان الأمر بسيط يمكنك إستخدام تقنية مثل AJAX في JQuery أو أمر fetch في JavaScript للإتصال بالخادم عن طريق API ومن ثم عرض تلك البيانات في الصفحة ولكن كما وضحت لك يجب عليك إنشاء API لإحضار البيانات . ولكن إذا كان المشروع كبيرا فيفضل إستخدام أطر عمل مثل react و أى إطار عمل لواجهة أمامية و ذلك حيث
الأفضل هو التوجيه لصفحة 404 مع إرسال كود 404 حيث هذا أفضل بالنسبة إلى محركات البحث حيث إذا قمت بالتوجيه إلى الصفحة الرئيسية فإن فهرسة الموقع ستعتقد أن محتويات الصفحات متشابهة وهذا يؤثر على ترتيب موقعك وأيضا تخيل إذا ظهر الرابط على جوجل وعند دخول المستخدم عليه يجد أنه يوجهه لصفحة أخري فهذا ليس جيدا . ومع التأكد من إرسال كود 404 سيفهم جوجل ومحركات البحث الأخري أن هذه الصفحة ليست موجودة ولن يقوم بإقتراحها . أما بالنسبة إلى وجود
وعليكم السلام ورحمة الله وبركاته . الخطأ لديك في ملف htaccess . RewriteEngine On RewriteRule ^([a-zA-Z0-9]{6})\.(jpg|jpeg|png|gif|bmp)$ responsible/view.php?code=$1&ext=$2 [L] لاحظ أن هذا الكود يقوم بإعادة توجيه الرابط إلى صفحة صفحة view.php فهو فعليا المتصفح في كل مرة يتم زيارة الرابط يقوم ال server بإعادة التوجيه إلى هذا الملف . وأعتقد أنك في الملف تقوم بإيقاف ال cache حيث نظرت إلى الرد الذى يأتي من الخادم وقد تم إيقاف ال chach . لذلك قم بوضع تلك الأسطر في الملف لديك : header('Cache-control:
لا لست بحاجة لكود مخصص هذا ما يسمي structured-data التي تستخدمه جوجل للتعرف على محتوي موقعك حيث أن جوجل تقوم بعمل زحف تلقائى للمواقع وإذا وجت ال structured-data في صفحتك فهكذا ستفهم جوجل محتوي صفحتك وتعرضه كما يظهر في الصورة المرفقة يمكنك البحث عن فيديوهات لشرح ال structured-data وهذا مقال عن structured-data لجوجل: https://developers.google.com/search/docs/appearance/structured-data https://developers.google.com/search/docs/appearance/structured-data/search-gallery وهذا رابط لفحص صفحة موقع والبحث عن ال structured-data و توافقها مع جوجل : https://search.google.com/test/rich-results ويوجد العديد من ال structured-data فمنها مثلا ما هو تقيم
لا شكر على واجب . لا لبرمجة مثل ما تريده بلارافيل سيتطلب خبرة ليست بالقليلة في php ولارافيل أو يمكنك البحث عن سكريبتات لما تريد على موقع codecanyon وستجد العديد منها مبنى ب laravel يمكنك شراءه . أما إذا كنت مبتدأ فتستطيع بسهولة إنشاءه على wordpress ولكن كما أخبرتك إذا أردت إضافة خصائص أو تعديل الموقع فيما بعد ستجد صعوبة بالغة في ذلك.
وعليكم السلام ورحمة الله وبركاته . لإنشاء موقع إلكتروني على WordPress لتقديم دروس خصوصية بمميزات مثل الحجز والدفع والتواصل عبر Zoom، يمكنك استخدام مجموعة من الإضافات الممتازة التي تدعم هذه الوظائف . إليك بعض الإضافات المقترحة: WooCommerce: هذه الإضافة توفر نظاما قويا لإدارة التجارة الإلكترونية على WordPress. يمكنك استخدام WooCommerce لإضافة باقات الدروس وتحديد الأسعار والسماح للطلاب بالحجز والدفع عبر الإنترنت. WooCommerce Bookings: هذه الإضافة مصممة خصيصا للحجز عبر الإنترنت. تتيح لك إضافة خيارات متعددة للحجز مثل اختيار المواعيد المتاحة
وعليكم السلام ورحمة الله وبركاته . إن codepen لا يقوم بقراءة الصفحة كاملة كما في ال html الطبيعي بل هو فقط يريد منك إدخال العناصر التي سيتم وضعها في الbody فقط. حيث إذا قمت بالضغط على learn more في الخطأ الذى يظهر لك سيقوم بتحويلك إلى الصفحة التي يخبرك أنه عندما تقوم بكتابة الكود الخاص بك في codepen فهو يأخذه ويقوم بوضعه في القالب الخاص به وهذا هو القالب: <!DOCTYPE html> <html lang="en" {IF CLASSES}class="classes"{/IF}> <head> <meta charset="UTF-8"> {IF PRIVATE}
بيع مساحة إعلانية على موقع الويب يمكن أن يكون مصدرا جيدا للدخل إذا كان موقعك لديه حركة مرور جيدة ومستخدمين دائمين أو زوار كثر مستهدفين للمعلنين. وإليك خطوات عامة لكيفية بيع مساحة إعلانية على موقعك: 1. يجب التأكد من أنه يوجد لديك زوار لدي موقع و موقعك جيد بالنسبة لمحركات البحث SEO ويمكنك إستخدام خدمات مثل Google Analytics لمتابعة حركة المرور والزوار على موقعك. 2. إنشاء مكان للإعلانات و المنطق الخاص بها:قم بإنشاء مكان للإعلانات على موقعك حيث تقوم بوضع
نعم بالطبع ستحتاج إلى ال API الخاص ببوابات الدفع التي تريد إضافتها في موقع ويجب عليك إنشاء حساب على موقع البوابة للحصول على credentials الخاصة بالتطبيق الذى سوف تقوم بإنشاءه على موقعك و توجد العديد من المكتبات علي حسب لغة موقع تستخدم في التعامل مع بوابات الدفع الشهيرة دون الحاجة إلى إنشاء كل شئ بنفسك . توجد العديد من بوابات الدفع وأشهرها Paypal و Stripe و Paymob . ويمكنك قراءة الإجابات التالية لتفاصيل أكثر : https://academy.hsoub.com/questions/28597-%d9%84%d8%af%d9%8a-%d9%85%d8%aa%d8%ac%d8%b1-%d8%a7%d8%b1%d9%8a%d8%af-%d8%a7%d8%b6%d8%a7%d9%81%d9%87-%d8%a7%d9%84%d8%af%d9%81%d8%b9-%d8%a8%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d8%a7%c2%a0/ https://academy.hsoub.com/questions/27418-%d8%a7%d8%b6%d8%a7%d9%81%d8%a9-%d8%b7%d8%b1%d9%82-%d8%a7%d9%84%d8%af%d9%81%d8%b9-api-%d8%a7%d9%84%d9%89-%d8%a7%d9%84%d9%85%d8%aa%d8%ac%d8%b1-%d8%a7%d9%84%d8%a7%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%d9%89/
وعليكم السلام ورحمة الله وبركاته. إن WordPress هي منصة قوية لإدارة المحتوى تُستخدم بشكل رئيسي لتصميم وإدارة مواقع الويب بسهولة، وهي تقدم العديد من المميزات التي تجعل عملية تصميم الواجهة الأمامية أسهل بشكل كبير وهو إطار عمل مبنى لغة php. إن من مميزات WordPress هو إمكانية إستخدامه لبناء واجهات أمامية للمواقع دون الحاجة إلى مهارات عميقة في HTML، CSS، أو JavaScript. ذلك لأن WordPress توفر لك سمات (Themes) وإضافات (Plugins) جاهزة تساعدك في تخصيص واجهة الموقع بسهولة، بما في ذلك
إن bootstrap هو إطار عمل خاص بالتنسيقات مبني على css و sass وجافاسكريبت ويوفر لك العديد من التصاميم والمكونات الجاهزة والتي تحتوي على وظائف جافاسكريبت كثيرة يمكنك إستخدامها دون الحاجة إلى معرفة طريقة إنشاءها بواسطة bootstrap . ولكن لتصبح متمكنا من bootstrap فيجب عليك أن تكون لديك المعرفة القوية في css و javascript و ذلك حتي تسطتيع إستخدام bootstrap دون أى مشاكل ولو واجهتك مشكلة أو صعوبة ستستطيع حلها بكل سهولة دون تعب . فكما وضحت لك أن bootstrap هو
يبدوا أنك قمت بتفعيل خاصية مفاتيح المرور ستجد عند الدخول على إعدادت الحساب في جوجل google في جزء الأمان خاصية تسمى مفاتيح المرور ومفاتيح الأمان وأى هاتف لديك قمت بتسجيل الدخول عليه سيقوم جوجل بحفظه وطلب المصادقة من خلاله . ولا تقلق عند طلب المصادقة يمكنك إختيار أن الهاتف لا يوجد معك وستجد عدة إختيارات أخري منها إرسال الطلب إلى رقم الجوال أو إرساله إلى البريد الإلكترونى البديل . لذلك يجب عليك التأكد دائما من تحديث رقم جوالك على جوجل
وعليكم السلام ورحمة الله وبركاته . نعم بالطبع يجب عليك أولا أن تكون ملم بالأساسيات حتى تستطيع إستخدام أطر العمل حيث أطر العمل مبنية على اساسيات اللغة ولذلك حتى تستطيع العمل عليهم و فهمهم جيدا يجب أن تكون لديك المفاهيم الأساسية للغه . ولكن هذا ليس شرطا حيث يمكنك الدخول مباشرة لإطر العمل ولكن ستجد الكثير من الأمور المبهمة وغير المفهومة وفي تلك الحالات ستطر للحفظ فقط دون الفهم وهذا ليس جيدا . أما بالنسبة إلى laravel فهو أشهر أطر
وعليكم السلام ورحمة الله وبركاته . يمكنك استخدام برنامج winrar لضغط الملفات جميعها فى ملف واحد مضغوط ووضع كلمة مرور قوية له او اى برنامج اخر لتشفير البيانات مثل BitLocker وحفظ كلمة المرور فى مكان امن وموثوق . ثم رفعه على اى استضافه لديكى ومنع امكانية الوصول اليه الى عن طريقك فقط . ويمكن ايضا رفعها على google drive او onedrive وايضا قفل امكانية الوصول اليها الا عن طريق الحساب الخاص بك.