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

يمكنك أن تستعمل مكتبة react-icons لإضافة كل أيقونات font awesome بالإضافة إلى مجموعة كبيرة جدًا من الأيقونات الأخرى، يمكنك تثبيت محتبة react-icons من خلال الأمر: npm install react-icons --save ثم قم بإستخدامها كالتالي (مثال من موقع المكتبة الرسمي): import { FaBeer } from 'react-icons/fa'; class Question extends React.Component { render() { return <h3> Lets go for a <FaBeer />? </h3> } }

لإستخدام Zoom API. أولاً ، عليك إنشاء تطبيق في Zoom marketplace. اذهب إلى هذا الرابط إذا لم يكن لديك أي حساب في zoom، فيجب عليك إنشاء حساب في zoom. من هنا بعد ذلك أنشئ تطبيق OAuth يجب الحصول على id العميل و كلمة السر لتطبيقك. و تعيين النطاقات للتطبيق. ما النطاقات التي يجب عليك تحديدها لتطبيقك. النطاقات تعني نوع بيانات المستخدمة التي يمكنها الوصول إلى تطبيقك. كلما قام مستخدم بتسجيل الدخول في تطبيقك ، يمكنه رؤية هذه النطاقات أو الوصول إلى بيانات هذا التطبيق. بعد ذلك يمكنك إستخدام مكتبة guzzlehttp/guzzle في حالة تستخدم لغة php composer require guzzlehttp/guzzle سنقوم بتخزين رمز الوصول في قاعدة البيانات لاستخدامه لاحقًا. رمز الوصول صالح لفترة قصيرة من الزمن. في الكود الخاص بنا ، سنقوم بإعادة إنشاء رمز الوصول في الخلفية بحيث لا يحتاج المستخدم إلى إجراء عملية التفويض مرة أخرى. قم بتشغيل استعلام SQL أدناه لإنشاء جدول قاعدة بيانات يحتوي على رمز الوصول. CREATE TABLE `token` ( `id` int(11) NOT NULL AUTO_INCREMENT, `access_token` text NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; كما قلت سابقًا في Zoom APIs ، هناك الكثير من الخيارات التي يمكنك دمجها في تطبيقك. يمكنك التحقق من توثيق Zoom APIs هنا

طلب مني تصميم شعار لمركز طبي وعرضت هذه الافكار على الزبون ولم يقتنع بها .. تقييمكم ومالخطاء فيها وكيف يمكنني جعل التصميم افضل ومقنع ومناسب للزبون مع العمل ان الزبون ارسل لي بعض الشعارات من النت ويريد ان اقوم بالتعديل عليها فقط بينما انا اريد ان ابتكر لهم شعار خاص بهم دون الحاجه للاقتباس من شعارات اخر

عند استخدام الدالة get() للحصول على البيانات, يتم ارجاع collection تحتوي كائنات لجميع السجلات التي تم استخراجها من قاعدة البيانات ولقراءة هذه الكائنات نقوم بعمل تكرار للوصول للبيانات, مثال: @foreach ($collection as $object) {{ $object->title }} @endforeach أو الحصول على قيمة عن طريق index محدد هكذا: {{ $collection[0]->title }} أو الحصول على أول كائن: {{ $collection->first()->title }} ولكن عند استعمال find() أو first() Page::find('page', 'about-me'); يتم ارجاع كائن واحد فقط وعندها يمكنك قراءة محتوياته بشكل مباشر {{ $page->title }}

عند تنفيذ أمر تهجير البيانات php artisan migrate نقوم بإضافة الأمر التالي إليها: --pretend وهذا المسؤول عن طباعة أوامر SQL في terminal التي تم تنفيذها لتهجير البيانات إلى قاعدة البيانات فيصبح الأمر هكذا: php artisan migrate --pretend والنتيجة تظهر في terminal: Migration table created successfully. CreateUsersTable: create table "users" … CreateUsersTable: create unique index … CreatePasswordResetsTable: create table "password_resets" … CreatePasswordResetsTable: create index password_resets_email_index … CreatePasswordResetsTable: create index password_resets_token_index … ولحفظ النتيجة في ملف migrate.sql نقوم بتوجيه المخرجات من terminal إلى الملف المحدد بإضافة الأمر: > migrate.sql ولكن يتم حفظ المخرجات SQL مع زوائد إضافية مثل ("CreateUsersTable: " و "CreatePasswordResetsTable: ") كما ظهرت في Terminal ولفلترة النتائج من هذه الزوائد نقوم باستدعاء الأمر: --no-ansi المسؤول عن عدم طباعة هذه الزوائد عن أوامر SQL بذلك يكون لدينا المخرجات عبارة عن أوامر SQL فقط ويتم حفظها في ملف migrate.sql من خلال الأمر: php artisan migrate --pretend --no-ansi > migrate.sql

يظهر هذا الخطأ بسبب أن القيمة null وهذا لا يُطبّق عليها الشرط string لأنّ null تعني بأنّه لا توجد قيمة أساسًا, وفي حالة عدم وجود قيمة فلا يمكننا اعتبارها string فيحصل الخطأ عند التحقق من صحتها لذلك يجب وضع قاعدة: 'nullable' في التحقق ليصبح هكذا: 'firstName' => 'string|max:255|nullable', 'lastName' => 'string|max:255|nullable' وبهذا يتم قبول القيمة إذا كانت خالية

بما أنّ البيانات على شكل JSON يجب أولًا قراءة محتوياتها لتتمكن Laravel من التعامل معها وذلك باستخدام الدالة: json_decode($data); التي تقوم بتحويل شكل البيانات من JSON إلى مصفوفة بعد ذلك نمررها إلى validate ونطبق القواعد على البيانات use Validator; public function store(Request $request) { $data = json_decode($request->payload, true); $rules = [ 'name' => 'digits:8', 'age' => 'digits:8' ]; $validator = Validator::make($data, $rules); if ($validator->passes()) { // الاجراءات عند عدم صحة البيانات } else { // الاجراءات عند نجاح عملية التحقق } } ولكن يجب أن نتذكر بأن القاعدة digits تقوم بالتحقق من أن القيم عبارة عن أرقام, ويجب ان نمرر لها عدد الخانات المسموح بها فتصبح هكذا: digits:8

أرجو تجريب تثبيتها عن طريق npx: npx gatsby new <directory_name> npx gatsby develop npx gatsby build ثم نضيف الأوامر إلى scripts في package.json "scripts": { "develop": "gatsby develop", "build": "gatsby build" } للتشغيل: npm run develop npm run build

أحتاج إلى تثبيت أيقونات font awesome من خلال CDN في gatsby أعتقد أني يجب أن أستعمل جملة import بما أنه لا يمكن إستعمال عنصر script هل يمكن أن أستخدم CDN في Gatsby أم يجب أن أقوم بتثبيت مكتبة ما تقوم بالأمر؟

أسرع طريقة لاستخدام fontawsome icons في مشروع gatsby هي عن طريق react-icons قم بتثبيت المكتبة npm -i --save react-icons ثم يمكنك استخدامها بسهولة بهذه الطريقة import { FaCoffe } from 'react-icons/fa'; export default function main() { return ( <div> <FaCoffe />//اضافة الأيقونة </div> ); }

أعمل على مشروع بإستخدام Gatsby - React وقمت بتحديث كل مكتبات المشروع من خلال الأمر: npm update لكن بعد ذلك قمت بتنفيذ الأمر gatsby develop وظهر لي الخطأ التالي: React-Hot-Loader: react-hot-dom patch is not detected. React 16.6+ features may not work.

تحتاج إلى تحديد اصدار React الخاص بـ react-hot-dom في ملف الحزم package "@hot-loader/react-dom": "{الاصدار الحالي}", وبعد ذلك تقوم بإضافته في webpack config alias: { 'react-dom': '@hot-loader/react-dom' } حتى يتم الحصول على الاصدارات المناسبة للمكتبات بما يتناسب مع اصدار React الخاص بك

حاول أن تجرب تحديث الإعدادات لل npm عن طريق التالي مسح الإعدادات npm config delete prefix ثم بعد ذلك قم بتنفيذ الأمر التالي npm config set prefix /usr/local ثم أخيراً قم بإعادة تثبيتها npm i -g gatsby-cli وجرب هل تم تثبيتها أم لا

يمكنك ضمن package.json استبدال المكتبة التالية: react-dom بالمكتبة: @hot-loader/react-dom ولتنصيبها ننفذ الأمر: npm install -D @hot-loader/react-dom و نضيف للملف gatsby-node.js: exports.onCreateWebpackConfig = ({ getConfig, stage }) => { const config = getConfig() if (stage.startsWith('develop') && config.resolve) { config.resolve.alias = { ...config.resolve.alias, 'react-dom': '@hot-loader/react-dom' } } }

تتيح الدالة validate تخصيص رسائل محددة فتقوم باستقبال ثلاثة متغيرات هكذا: $this->validate($request, $rules, $customMessages); $request: وهو الطلب الذي يحتوي على القيم المراد التحقق من صحتها $rules: وتحتوي على مجموعة القواعد التي سيتم تطبيقها على المدخلات $customMessages: وهو اختياري, نقوم بتمرير الرسائل المخصصة للأخطاء مثل: 'required' =>' الحقل :attribute مطلوب.' حيث أنّ :attribute يتم تعويضها تلقائيًا باسم الحقل فيصبح البرنامج هكذا: $rules = [ 'name' => 'required', 'email' => 'required|email', 'message' => 'required|max:250', ]; $customMessages = [ 'required' => ' الحقل :attribute مطلوب.', ]; $this->validate($request, $rules, $customMessages);

يمكنك اتباع الطريقة التالية: تقوم على إضافى التنسيقات وقت الترجمة compile time باستخدام Gatsby Server Rendering APIs. سنعتمد على gatsby-plugin-fontawesome-css حيث سنقوم بتثبيتها من خلال: # التنصيب npm install --save gatsby-plugin-fontawesome-css # ملف الاعددات gatsby-config.js في مجلد المشروع الرئيسي touch gatsby-config.js ثم نضيف للملف gatsby-config.js ما يلي: module.exports = { plugins: [`gatsby-plugin-fontawesome-css`], } ستعمل في development and production mode

يوجد إضافة adobe font manager تستخدم لهذا الغرض .. لتثبيت إضافات أخرى يمكن البحث عن Font Management Tools كما يوجد اضافة باسم Font Hero تستخدم كمدير للخطوط organizer/manage plugin for Photoshop يمكنك البحث عنها و تثبيتها ستكون بالشكل التالي: يمكن عمل Template يحوي الخطوط التي تستخدمينها و عند الحاجة لأي خط يمكنك الوصول لهم. - يمكن عمل tool preset لتستخدم كمكتبة للخطوط : نحدد الخط من قائمة window نختار Tool preset نضغط على أيونة new tool preset في الجزء السفلي من القائمة الظاهرة

يمكنك استخدام Middleware يتحقق من صلاحية المستخدم والتحكم بإعادة التوجيه وتطبيقه على routes التي تريدها بدايةً نقوم بإنشاء middleware باسم AdminMiddleware عن طريق الأمر: php artisan make:middleware AdminMiddleware ^^^^^^^^^^^^^^^ اسم ملف middleware وبداخله نقوم بالتحقق من امتلاك المستخدم لصلاحية admin والسماح له بالمرور, وغير ذلك نقوم بإعادة توجيهه إلى الخطأ 403 namespace App\Http\Middleware; use Auth; ... class AdminMiddleware { public function handle($request, Closure $next){ if (Auth::user()->type !== "admin") { // إن كان المستخدم لا غير مصرح له بالدخول abort(403, 'Unauthorized action.'); // توليد الخطأ 403 } return $next($request); // غير ذلك نقوم بالسماح له بالمرور } } ولا ننسى استدعاء use Auth; للوصول لبيانات المستخدم بعد ذلك: نقوم بتسجيل AdminMiddleware ضمن قائمة الـ middleware لنتمكن من استدعائه مباشرة عن طريق الاسم, وذلك في ملف Kernel.php بداخل المسار: app\Http\Kernel.php: نبحث عن $routeMiddleware ونضيف بداخله مسار AdminMiddleware والاسم المستعار الذي سنستخدمه في routes ... protected $routeMiddleware = [ ... 'admin' => 'App\Http\Middleware\AdminMiddleware', ]; ... وبهذا نكون قد سجلنا AdminMiddleware باسم admin ونقوم بتطبيقه على routes المحددة كمجموعة Route::group(['middleware' => ['auth', 'admin']], function() { Route::get('report','ReportController@index'); Route::get('report/create', array('as'=>'report.create', 'uses'=>'ReportController@create')); ... });

السلام عليكم، طيب الله مساءكم. قمت بكتابة كود لحساب قيمة الخصم على المرتب وطباعته بناء على قيمة المرتب، مثلًا المرتب فوق الـ 5000$ قيمة الخصم له 7% لكن عند التنفيذ تظهر النتيجة 0 مهما كان الرقم!. حاولت جاهدًا أن أجد تلميح لحل المشكلة لكن لم أفلح في ذلك. أتمنى مساعدتي كوني شخص متطفل على البرمجة ولا أملك من المعرفة إلا القليل، مع اني أحبها جدًا. دمتم موفوري الصحة والرضا.

معظم الأخطاء تظهر عند استعمال الجوال الحقيقي غير المحاكي لذلك يجب التأكد من أنه لا يوجد خطأ في عملية إرسال البيانات في المحاكي ثم في الجوال الحقيقي , ايضا تأكد من وضع الصلاحيات المناسبة كالاتصال ببيانات الجهاز أو Wifi. حاول تشغيل المشروع من موجه الأوامر باستخدام flutter run لمعرفة ما إذا كانت هناك أي مشكلة أم لا. يمكنك ايضا من استخدام حزمة flutter_flipperkit من هنا . للتتبع الأخطاء في تطبيقك وعمل تقارير بها. ايضا يمكنك إرفاق ملفات مشروعك هنا لنساعدك في تتبع الأخطاء و حلها معاً.

هناك العديد من الاستضافات المجانية وتختلف من ناحية الإيجابيات والسلبيات مثلا منصة Netlify بيئة جاهزة لأغلب تطبيقات الواجهات مثل React و Vue وغيرها ويمكنك ربط مشروعك في مرحلة التطوير من Github و Netlify يقوم ببناءه ونشره تلقائيا ، وايضا في Netlify لديك ميزة CDN ، وغيرها اما إذا استخدمت heruko مجانا فسيكون أداء الموقع غير جيد اما إذا استخدمت Github pages فليس لديك تلك الميزات التي في Netlify ويجب أن يكون مستودع الكود عام public لهذا يفضل استخدام المنصات أو الخدمات المجانية لأشياء مثل معرض أعمالك Portfolio أو تطبيقات صغيرة

تم دفع الرسوم المطلوبة ولكن لا اعلم كيف ادخل واثبت ذلك لمتابعة الدورة الرجاء المساعدة

يمكنك إرجاع قيمة إذا فشلت عملية إرسال البريد الإلكتروني من خلال استخدام Mail::failures بهذا الشكل Mail::send(...) if( count(Mail::failures()) > 0 ) { echo "هناك عدة أخطاء في عملية إرسال البريد الإلكتروني: <br />"; foreach(Mail::failures() as $email_address) { echo " - $email_address <br />"; } } else { echo "تم إرسال البريد الإلكتروني"; } يمكنك أيضًا استخدام "Swift_TransportException" لتحديد أي أخطاء. try{ //هنا كود إرسال الأيميل }catch(\Swift_TransportException $transportExp){ //$transportExp->getMessage(); }

لجعل هذه الملفات قابلة للوصول من الويب , يجب عليك إنشاء ارتباط رمزي من public/storage إلى storage/app/public عن طريق الأمر التالي . php artisan storage:link

إذا كنت تريد أن تقوم بفتح الملف في المتصفح ورؤية تعديلاتك بعد الحفظ دون عمل refresh للمتصفح فهناك عدة خطوات قم بفتح برنامج vscode ستجد القائمة التالية أقصى اليمين قم باختيار العلامة المحددة كما في الصورة ( الثانية من أسفل ) وهي قائمة التطبيقات ستظهر لك الآتي قم بكتابة live server في مستطيل البحث وستجد كلمة install إذا لم تثبته من قبل . قم بالضغط عليها قم بإغلاق vscode ثم فتحه مرة أخرى الآن كل ما عليك هو إنشاء ملف html والضغط كليك يمين عليه واختيار open with live server

بالنسبة لأماكن أخرى مجانية لاستظافة مشروع react فيوجد : vercel heroku firebase render surge github page بالنسبة لكفاءة عمل المشاريع في هذه المنصات فهي جيدة جدا بالنسبة لمشروع متوسط ب تيار مستخدمين متوسط لكن ان كان مشروعك كبير جدا فيجب استخدام استظافة احترافية كشراء vps خاص كل الاستظافات الذي ذكرت سابقا هي بمثابة حضانات للمشاريع الصغيرة والمتوسطة .