لوحة المتصدرين

index.htmlstyle.css هذا يومي الخامس في css هل هذا المشروع جيد وهل استخدامي لbox-shadw حسن ام خرب التصميم

اريد العمل مع صديق لي علي مشروع بحيث استطيع التعديل انا و هو علي نفس المشروع عن بعد و كل شخص منا يعمل علي حاسوبه الشخصي كيف يمكنني ذلك ؟

السلام عليكم هل يمكنني بيع التطبيقات مثلا اصنع تطبيق ثم ابيعه ؟

في ملف UserProvider يجب عليك كتابة children بحرف صغير وليس Children وإذا كنت تستخدم react 17 أو أقل فقم باستيراد react import React, { createContext } from "react";

هل يمكنك مشاركة المجلد الحاوي على المشروع بالكامل

السؤال غير واضح، هل تقصد تريد إضافة لفعل ذلك، أم تريد برمجة خاصة باستخدام الوورد بريس؟ إذا كان الأمر يتعلق بإضافات ووردبريس، يمكنك استخدام إضافات تساعدك في إنشاء نموذج طلب وتحديد الخيارات المختلفة للتوصيل والمناطق المراد الإرسال لها، ثم حساب التكلفة بناءً على الخيارات المحددة. من الإضافات التي يمكن استخدامها لهذا الغرض: WPForms: إضافة تسمح بإنشاء نماذج تفاعلية بسهولة وإضافة خيارات متعددة، وتحديد السعر بناءً على المنطقة وطريقة التوصيل المحددة. WooCommerce: إضافة تستخدم بشكل رئيسي لإنشاء متاجر إلكترونية ولكنها تتضمن أيضًا خيارات لإنشاء نماذج الطلبات، وتحديد الطرق المختلفة للتوصيل وتحديد الأسعار بناءً على المنطقة والطريقة المختارة. إما إذا كنت تريد التصميم والبرمجة بنفسك: بخصوص التصميم فيمكنك استخدام مكتبات جاهزة مثل Bootstrap لإنشاء الـ Form و قائمة التنقل. أما بخصوص التوصيل والسعر، فيمكنك استخدام الكود التالي كمثال: //تحديد سعر الشحن حسب المنطقة function calculate_shipping_cost($shipping_method, $shipping_address){ $shipping_cost = 0; $city = $shipping_address['city']; $state = $shipping_address['state']; if ($shipping_method == 'method1') { if ($city == 'City1' && $state == 'State1') { $shipping_cost = 10; } elseif ($city == 'City2' && $state == 'State1') { $shipping_cost = 15; } elseif ($city == 'City3' && $state == 'State2') { $shipping_cost = 20; } } elseif ($shipping_method == 'method2') { if ($city == 'City1' && $state == 'State1') { $shipping_cost = 20; } elseif ($city == 'City2' && $state == 'State1') { $shipping_cost = 25; } elseif ($city == 'City3' && $state == 'State2') { $shipping_cost = 30; } } return $shipping_cost; } في هذا الكود، يتم استخدام دالة calculate_shipping_cost لحساب تكلفة الشحن بناءً على الطريقة المختارة والعنوان الذي تم تقديمه. يتم تحديد سعر الشحن حسب المنطقة، مع تحديد أسعار مختلفة لكل طريقة من طرق الشحن.

من الجيد أنك تستخدم المتغيرات vriables في CSS من خلال :root ، لكنك استخدمتها فقط من أجل الخط، عود نفسك على استخدامها فيمكنك كمثال إنشاء متغير للون الرئيسي وكمثال: :root { font-family: Arial, Helvetica, sans-serif; --bg-clr: #eee } .parent { background-color: var(--bg-clr) } حيث يستخدم :root لتعريف الخصائص العامة المتعلقة بالمستند، والتي يمكن الوصول إليها من جميع العناصر في المستند. عند تعريف خصائص في :root، يمكن الاستفادة منها في جميع أنحاء المستند، مما يوفر الوقت والجهد في الكتابة والصيانة. بالإضافة أيضًا إلى ما ذكره أسامة، يمكن تحسين تباعد العناصر في عنصر الـ parent بحيث تبدو العناصر أكثر اتساقًا وتتناسب بشكل أفضل. علاوة على ذلك ، يمكنك تحسين مظهر خطوط الأوسط في العناصر النصية ، مثل الـ or ، لجعلها أكثر وضوحًا. بالنسبة للألوان أنصحك باستخدام https://www.happyhues.co/ فستتعلم منها الكثير بالنسبة لاستخدام ألوان متناسقة ومريحة للعين، وستجد بالموقع لوحات ألوان جاهزة مع شرح كيف يتم استخدام كل لون داخل موقعك.

مستواك في تطوير و هذا شئ جيد. لدي تعليق واحد هو يخص الخاصية border-radius يجب أن تضع جميع البدائات حتي تعمل الخاصية في جميع المتصفحات. بدلاً من: border-radius: 50%; قم بوضعها هكذا. -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;

كنت اريد فقط تحديد الحصه الحالية كمقروء ولم اكن اعلم انه سوف يحدد الموقع كامل كمقروء فهل يمكن التراجع عن هذا الامر

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

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

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

بالإضافة إلى ما تم ذكره. يجب التفرقة بين React Native و Ionic عبارة عن إطارات عمل (Frameworks) لتطوير تطبيقات الهاتف. حيث تستخدم React Native لتطوير تطبيقات iOS و Android، في حين تستخدم Ionic لتطوير تطبيقات متعددة المنصات باستخدام HTML و CSS و JavaScript. الفرق الرئيسي بين React Native و Ionic هو أن React Native يستخدم لغة البرمجة JavaScript، في حين يستخدم Ionic HTML و CSS و JavaScript. كما يتطلب React Native مستوى عالٍ من المعرفة بـ JavaScript، بينما يمكن لأي شخص يعرف HTML و CSS و JavaScript استخدام Ionic. React Native مبني على مكتبة ReactJS، ويستخدم تقنيات Native لتحسين أداء التطبيق وتحسين التفاعل مع المستخدم. ويتيح للمطورين إعادة استخدام الشفرة بين تطبيقات iOS و Android، مما يوفر الوقت والجهد في عملية التطوير. كما يتيح للمطورين أيضًا بناء واجهات مستخدم (UI) ذات مظهر جميل ومتطور. Ionic على الجانب الآخر يستخدم مكتبة AngularJS ويتميز بأنه يعمل بشكل ممتاز على مختلف المنصات. ويوفر Ionic أيضًا واجهة مستخدم تفاعلية وتطبيقات بسيطة وخفيفة الوزن. متى استخدم React Native و Ionic فيما يتعلق باختيار الإطار المناسب، يعتمد ذلك على الاحتياجات والمتطلبات للتطبيق الذي تريد تطويره. إذا كنت تبحث عن تطبيق أكثر تعقيدًا وتفاعليًا، فقد يكون React Native الخيار الأفضل. وإذا كنت تريد تطبيقًا بسيطًا وخفيف الوزن، فإن Ionic قد يكون الأفضل. ومع ذلك، إذا كان لديك فريق مطورين يعرفون AngularJS، فقد يكون من الأفضل استخدام Ionic بدلاً من React Native. كما يمكن أن يلعب الاعتماد على تقنيات Native لتحسين أداء التطبيق دورًا في اختيار الإطار المناسب. يعمل React Native بشكل أسرع من Ionic ويتيح توفير تجربة مستخدم أكثر سلاسة وتفاعلية، نظرًا لأنه يعتمد على تقنيات Native. ولكن في حالة تطبيقات Ionic، يمكن أن يتم استخدام تقنيات Cordova لتشغيل التطبيقات على المنصات المختلفة، مما يمكن من تحسين أدائها. بشكل عام، يمكن استخدام React Native لتطوير تطبيقات الموبايل عندما يكون التركيز على توفير تجربة مستخدم عالية الجودة وتطبيقات متطورة ومعقدة. ويمكن استخدام Ionic لتطوير تطبيقات متوسطة الحجم والتعامل مع المشاكل المختلفة بسرعة وكفاءة. إذا كنت ترغب في تطوير تطبيقات متعددة المنصات باستخدام الويب تقريبًا في المرتبة الأولى، فإن Ionic يمكن أن يكون الإطار الأفضل، في حين يمكن استخدام React Native لتطوير تطبيقات الجوال الأكثر تطوراً والمتقدمة.

التطبيقات الأصيلة (Native Applications) هي التطبيقات التي تم تصميمها وتطويرها بشكل كامل لتعمل على منصة محددة مثل نظام التشغيل iOS أو Android. تستخدم هذه التطبيقات لغات البرمجة والأدوات المختلفة التي يدعمها كل نظام تشغيل. وعادة ما يتم تثبيت هذه التطبيقات مباشرة على الجهاز المستخدم ويمكن الوصول إليها من خلال الشاشة الرئيسية أو القائمة. من ناحية أخرى، التطبيقات الهجينة (Hybrid Applications) هي التطبيقات التي تم تطويرها باستخدام تقنيات وأدوات عامة يمكن استخدامها لتصميم تطبيقات لعدة منصات مختلفة. وتستخدم هذه التطبيقات عادة لغات برمجة الويب مثل HTML و CSS و JavaScript. وعادة ما تعتمد هذه التطبيقات على محركات تطبيقات كـ Cordova أو PhoneGap وغيرها من المنصات لتمكين وصول التطبيق لخصائص النظام الأساسي. الفرق الرئيسي بين التطبيقات الأصيلة والتطبيقات الهجينة هو في الأداء وتجربة المستخدم. حيث تعمل التطبيقات الأصيلة بشكل أسرع وأكثر سلاسة وتوفر تجربة مستخدم أكثر تفصيلاً وشاملية. بينما التطبيقات الهجينة يمكن تصميمها بشكل أسرع وأرخص، وتسمح بنشر التطبيقات لعدة منصات، ويمكن تحديثها بشكل أسرع وأسهل. ومع ذلك، فإنها قد توفر تجربة مستخدم أقل دقة وتوافق أقل مع الموبايل. أما بالنسبة ل React Native و Ionic كلاهما أطر تطوير تطبيقات الجوال المتنقلة الهجينة، ولكن يختلفان في بعض النواحي: لغة البرمجة: React Native يستخدم لغة الجافاسكريبت (JavaScript)، ويعتمد على مكتبة React. Ionic يستخدم لغة الجافاسكريبت (JavaScript) أيضًا، ويعتمد على مكتبة Angular. الأداء: React Native يستخدم تقنية الـNative Modules للوصول إلى الميزات الخاصة بالجهاز والتفاعل معها، مما يسمح بتحسين أداء التطبيق. Ionic يستخدم تقنية WebView التي تعمل بناءً على تقنية HTML و CSS، مما يؤدي إلى بعض التأخير في الأداء. التعلم والتطوير: React Native يتطلب مهارات في الجافاسكريبت و React، ولكنه يوفر وثائق تفصيلية ودعمًا قويًا من المجتمع. Ionic يتطلب مهارات في Angular و HTML و CSS، ولكنه يوفر أيضًا وثائق تفصيلية ودعمًا من المجتمع. توافق الأنظمة الأساسية: React Native يعمل على أنظمة iOS و Android ويدعم أيضًا تطوير تطبيقات ويب. Ionic يعمل على أنظمة iOS و Android و Windows و Blackberry. بشكل عام، إذا كنت ترغب في تطوير تطبيقات جوال متطورة وسريعة الأداء، فإن React Native هو الخيار الأفضل. وإذا كنت تفضل أدوات التطوير الخاصة بويب، فإن Ionic هو الخيار الأفضل.

التطيقات الاصلية هي تطبيقات مكتوبة بالغة الاصلية لنظام التشغيل مثلا للاندرويد اللغة الاصلية هي Java وبالنسبة لنظام ال IOS فهي لغة سويفت Swift. وهذا تعرف مفصل أكثر. التطبيقات الأصلية Native Apps التطبيقات الهجينة Hybrid Apps ولتفصيل أكثر أنصحك بتصفح هذه المقالات. كل ما تحتاج إلى معرفته عن برمجة تطبيقات الجوال - مدونة مستقل (mostaql.com) دليلك لبناء التطبيقات الهجينة Hybrid Mobile Apps - مدونة مستقل (mostaql.com) وهذه بعض النقاشات التي تتكلم عن نفس الموضع. https://io.hsoub.com/programming/79886-هل-تفضل-ان-تكون-مطور-تطبيقات-اصلية-او-هجينة-و-لماذا https://io.hsoub.com/webdev/147-تطبيقات-الهواتف-الذكية-الطبيعي-native-أم-الهجين-hybrid

الفرق بين تطبيقات الموبايل الأصيلة والهجينة. هو كالتالي - التطبيقات الأصيلة Native Apps هي تطبيقات تم تطويرها لأداء مهمة معينة على نظام تشغيل معين باستخدام لغات برمجة متوافقة معه، مثل Swift مع iOS و Java مع أندرويد. تتميز التطبيقات الأصيلة بسرعة الأداء، المرونة، الحماية والقدرة على الوصول إلى جميع ميزات النظام الأساسي. - التطبيقات الهجينة Hybrid Apps هي تطبيقات تم تطويرها لتعمل على أكثر من نظام تشغيل باستخدام تقنيات الويب نفسها (HTML – CSS – JavaScript). تتميز التطبيقات الهجينة بسهولة البناء، التكلفة المنخفضة، التحديث السريع والقدرة على الوصول إلى بعض ميزات النظام الأساسي. - الفرق الرئيسي بين التطبيقات الأصيلة والهجينة هو كيفية استضافة النظام التشغيل المستهدف للتطبيق. فالتطبيقات الأصيلة تعمل كجزء من النظام التشغيل، بينما التطبيقات الهجينة تعمل من خلال تقنية مساعدة تسمى Webview في أندرويد و UIWebView في iOS⁵. كما يمكنك مشاهدة الفيديو التالي

الخطأ يحدث بسبب استخدام نوع البيانات الخاطئ للمعامل الثاني في دالة "getTranslations" في الصف "Product" من النموذجات (Models) في Laravel. يتوقع أن يكون المعامل الثاني من نوع "Zarray"، ولكن تم تمرير نص (string) بدلاً من ذلك، الأمر الذي يؤدي إلى حدوث هذا الخطأ. يجب تحديد قيمة المعامل الثاني باستخدام النوع الصحيح "Zarray"، وذلك بتمرير مصفوفة اللغات المسموح بها في النظام كمصفوفة من الأعراف الأساسية: $allowedLocales = ['en', 'fr', 'ar']; // مثال لمصفوفة اللغات المسموح بها $translations = $product->getTranslations($attribute, $allowedLocales); وبهذه الطريقة، يتم تمرير مصفوفة اللغات المسموح بها بشكل صحيح إلى دالة "getTranslations"، ويمكن تجنب حدوث هذا الخطأ. يجب تعديل الكود ليتوافق مع هذا التنسيق.

بمكان ما في ملف العرض المعني تقومين باستدعاء التابع getTranslations وتعطينه سلسلة نصية كمعامل ثان عوض مصفوفة، أظنك تقصدين استعمال التابع getTranslation وليس getTranslations. ابحثي عن موضع الخطأ وأصلحيه.

ربما السبب يعود إلى استخدامك إضافة لعمل كاش للموقع، حيث يجب ضبطها لإعادة بناء الكاش عند عمل تغييرات على الموقع أو يمكنك تعطيلها لحين الإنتهاء، أو حذف الكاش من خلال الإضافة من خلال عمل purge او delete كاش. وأيضًا ربما أنت تستخدم Cloudflare كـ CDN لذلك يجب حذف الكاش منه من خلال عمل purge. وأيضًا يجب تصفح الموقع الخاص من خلال نافذة Incognito mode أو وضع التخفي لتجنب رؤية النسخة التي تم عمل كاش لها في المتصفح، أو يمكنك تعطيل الكاش في المتصفح من خلال disable cache في نافذة network التي ستظهر لك عند الضغط على F12.

الامر بسيط بتوحيد لون ال text بلون الخلفية او نستخدم خاصية text-indent #تكليفات الزيرو اولا كود ال HTML <div class="two" style=" background-color: red; color: white; padding: 20px; border: 1px solid blue; font-size: 80px;"> Hello Div </div> لاحظ لا يمكن الوصول او التعديل علي كود ال html .two{ width: 400px !important; margin: 30px auto !important; color: #eee !important; /* or تم توحيد اللون هنا بلون لون النص الخلفية */ >>>/* text-indent: -2000px; */ /* ونطلعها برا الصفحة خالص text-indent او نستخدم خاصية*/ font-size: 20px !important; background-color: #eee !important; /* بلون الخلفية هنا */ border: none !important; text-align: center; position: relative; } .two::after{ content: "Elzero"; position: absolute; top: 18px; left: 196px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: black; text-align: center; } الرد متاخر بس عشان لو حد بيتعلم وسال نفس السوال بالتوفيق