Flutter & Dart ✨️
10.5K subscribers
1.82K photos
134 videos
10 files
298 links
اسألني في اي مشكله ان شاء الله أقدر اساعدك
🎃 @mahmoud_azab99 🎃
Download Telegram
ازاي تخلي الصوره تحمل قبل ظهور ال Ui ✅️
12🥰7🔥5👍4
Product details screen using Flutter


Source Code ✅️

https://github.com/mazab99/shoes_ecommerce


YouTube channel ✅️

https://lnkd.in/dfDX5_tZ
7👍1🔥1
#منقول للافاده

الــ JWT ده اختصار لـ "JSON Web Token"، وده بروتوكول للتحقق من صحة معلومات المستخدم اللى بيدخل على الموقع أو التطبيق بتاعك.

ازاى بيتم التحقق من صحة معلومات المستخدم ده؟ يعني مثلاً لو المستخدم دخل اسم المستخدم وكلمة السر الصح، ازاى بتتأكد إنه ده المستخدم اللى يدخل ونقوله اهلا وسهلا على الموقع وتظهرله بياناته الخاصة؟

الحل اللى بيتبعه JWT ده انه بيعمل توكن (Token)، يعني بيولد قيمة مشفرة بتحتوي على بيانات المستخدم اللى مدخلها (زي الاسم والايميل)، وده التوكن بيتبعث للمستخدم كرد على الطلب اللى اتعمل من عنده. ولو المستخدم حابب يستخدم أي معلومة بتتعلق بحسابه، ممكن يضيف التوكن ده في كل طلب يبعته للموقع، والموقع هيتأكد من صحة التوكن وبالتالي يعتبر إن المعلومات اللى مدخلها صحيحة.

* الهيكل الأساسي لـ JWT. يتكون التوكن من ثلاثة أجزاء: (Header) (Payload) (Signature). يتم إنشاء التوكن عن طريق تشفير Header والـ Payload باستخدام خوارزمية التشفير المحددة، وبعدين بيتم إضافة الـ Signature للتحقق من صحة التوكن لما يروح للسيرفر.

** بعض واهم الخصائص:
الExpiration أو انتهاء الصلاحية بيتحكم بإعطاء صلاحيات مؤقتة للمستخدم بتحديد مدة صالحية الـtoken.

الRefresh بتدعم التحديث من خلال عملية الـrefresh token، ده بيمكن JWT من إدارة الصلاحيات المؤقتة بسلاسة.

الPayload بيسمح لك بنقل بيانات مهمة بدون ما تحتاج تتصل بقاعدة البيانات مرة تانية.

الStateless وده معناه إن JWT هو نظام للمصادقة stateless يعتمد على العميل فى حفظ الحالة بدلاً من الـserver.

من الممكن أنك تعمل refresh token من خلال JWT دون الحاجة لـstore session. ولجعلها مؤمنة، بنستخدم تشفير بواسطة Base64Url ونوع التشفير HS256 Cipher يتمتع بدعم من المكتبات البرمجية المتعة مثل jjwt.

الJWT ده مفيد بشكل كبير في حالة الـ Single Sign-On، يعني لو كان عندك موقع كبير وفيه أكتر من مكان بتدخل منه للموقع، الJWT بيتيح للمستخدم إمكانية تسجيل الدخول من اى مكان بنسجل من خلاله دخول من غير ما يحتاج يدخل اسم المستخدم وكلمة السر تاني. بمعنى تاني، المستخدم بيدخل مرة واحدة بس على الموقع، وبعد كده يبقى قادر على الوصول لكل الصفحات والخدمات اللى الموقع بيقدمها، بدون ما يحتاج يسجل الدخول مرة تانية.

وبيتم استخدام الJWT بشكل واسع في حاجات كتير، زي الـ authentication والـ authorization في تطبيقات الويب والموبايل. فعلى سبيل المثال، في تطبيقات الويب، بيتم إرسال التوكن المولد من الJWT بعد تسجيل الدخول للمستخدم في هيدر كل طلب يتم إرساله إلى السيرفر، السيرفر بيستخدم التوكن ده للتأكد من صحة المستخدم ومنحه الصلاحية للوصول للموارد المحددة.
👍175🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Drag and Drop items in Cart using Flutter

Source Code ✅️

https://github.com/mazab99/drag_and_drop

YouTube channel ✅️

https://lnkd.in/dfDX5_tZ
15👍6😱3🔥2🥰1
✅️السؤال
فضل صيام عرفة

✅️الجواب
من صام يوم عرفة له أجر عظيم
ثبت عن رسول الله عليه الصلاة والسلام: أن الله يكفر بصوم يوم عرفة السنة التي قبله والسنة التي بعده
يعني: بشرط اجتناب الكبائر كما بينته الأحاديث الأخرى
32👍1
3🥰1
السلام عليكم
لو حد هنا كويس في التعامل مع ال
Pagination
في ال Bloc

ممكن يتواصل معايا
وجزاكم الله خيرا 🙂
🌚4💔3👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Custom loaders using Flutter ✨️



Source Code ✅️

https://github.com/mazab99/flutter_ui_screens

YouTube channel ✅️

https://lnkd.in/dfDX5_tZ
20👍7🔥3🕊2🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Custom Table using Flutter ✨️



Source Code ✅️

https://github.com/mazab99/flutter_table

YouTube channel ✅️

https://lnkd.in/dfDX5_tZ
4👍4🔥3🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
Facebook reactions using Flutter ✨️


Source Code ✅️

https://github.com/mazab99/facebook_reactions

YouTube channel ✅️

https://lnkd.in/dfDX5_tZ
🔥108👍5🥰2👏2❤‍🔥1🎉1
This media is not supported in your browser
VIEW IN TELEGRAM
Custom Slider using Flutter ✨️

YouTube channel ✅️

https://lnkd.in/dfDX5_tZ

LinkedIn ✅️

https://www.linkedin.com/in/mazap64
7🔥6👍3👏3🥰2