Flutter | Mahmoud Azab – Telegram
Flutter | Mahmoud Azab
10.2K subscribers
1.82K photos
139 videos
11 files
305 links
اسألني في اي مشكله ان شاء الله أقدر اساعدك
🎃 @mahmoud_azab99 🎃
Download Telegram
السلام عليكم ورحمه الله وبركاته
فيديو جديد عن تخصيص صوت الاشعارات على ال IOS
https://youtu.be/S0ZlI-Tr8m0
❤‍🔥6
✨️خلى النية فى قلبك انها صدقه للعلم اللى عندك


. الحمد لله حاليا ١٠ آلاف
اللى يقدر ينضم للجروب ويقدر يفيد غيره ينضم وجزاه الله كل خير .

كل سنه وانتم طيبين
❤‍🔥14
سؤال من آخر إنترفيو دخلتها!

في الإنترفيو، سألوني عن الفرق بين الطريقتين دول لما بستخدم الـ Use Case كمُتغير أو لما بإنشئه جوه الـ Bloc مباشرة.

السؤال كان: ليه استخدمت الـ Use Case كمُتغير

final AddressesUseCase addressesUseCase

وما عملتش = AddressesUseCase(...) جوه الكلاس؟


الإجابة:
الطريقة الأولى (تمرير الـ Use Case من بره) بتسهل جدًا الاختبار (Testing)، وكمان بتخلي الـ Use Case مرن بحيث تقدر تباصي ليه قيم مختلفة بسهولة.

الطريقة التانية (إنشاء الـ Use Case جوه الـ Bloc) مش عملية، لأنك مش هتقدر تعمل Mock أثناء الـ Testing، وكمان الـ Use Case هيكون ثابت ومش قابل للتغيير مع البلوك.




بالمناسبة، الـ Mock يعني انك تعمل داتا وهميه عشان عمليه ال Testing
❤‍🔥16
مطلوب حد يكون كويس في
Firebase cloud
AI
يتواصل مع
@danau93alhassny
ليه بنستخدم Equatable مع ال flutter_bloc ؟
لما بتشتغل بـ Bloc بتحتاج تقارن بين ال Objects، وخصوصًا الـ States والـ Events. هنا بييجي دور Equatable.

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

ده ممكن يعمل مشاكل مع Bloc، لأنه بيعيد بناء الواجهة (UI) حتى لو البيانات مفيهاش تغيير فعلي.

الحل: استخدام Equatable
Equatable بيخلي Dart تقارن ال Objects بالقيم اللي جواها بدل ما تعتمد على مكانها في الذاكرة.
الخلاصة:

Equatable بيمنع إعادة بناء الواجهة بدون داعي.
بيخلي Bloc يعرف إن الحالة مفيهاش تغيير حقيقي، فميعملش إعادة بناء (Rebuild).
بيخلي الكود أنضف وأسهل في التعامل مع الـ States والـ Events.
لو بتشتغل بـ Bloc أو أي State Management، استخدم Equatable عشان الأداء يكون أسرع والكود أنضف.
❤‍🔥18🔥5
سألت نفسك ليه وإنت شغال بـ Bloc دايمًا بتعمل main event يكون abstract؟

وهل لو استغنيت عنه، ممكن يحصل مشكلة؟
زي ما نت شايف في اول صوره مع وبدون

في الطريقة الصحيحة (باستخدام abstract class)، هتلاقي إن Bloc مرتبط بنوع معين من الأحداث وهو AddressesEvents، وده معناه إنه يقبل فقط الأحداث الخاصة به، وبالتالي يمنع تمرير أي بيانات غير صحيحة.

أما في الطريقة الخطأ (بدون abstract class)، Bloc معتمد على Object، وده معناه إنه يقبل أي كائن كحدث، حتى لو مش تابع للـ Bloc ده!

وده مثال في عدم استخدام استخدام ال abstract class

context.read<AddressesBloc>().add("حدث غير صالح");
context.read<AddressesBloc>().add(12345)
❤‍🔥10
مع رابع سؤال في الانترفيو !
اي هي ال copyWith ولي انت مستخدمها عندك وهيحصل اي لو شيلتها من الكود
او بتحل مشكله اي ؟

تخيل معايا كده عندك Class عادي وجيت تعمل منه instance زي اول صوره كده

لو جيت بقا تعدل على قيم ال instance ده مش هتقدر
وهيكون الحل الوحد انك تعمل instance جديد وكده الموضوع هيكون متعب لان هتكرر الاكواد وتخيل بقا لو عندك ٢٠ متغير فده هيكون متعب فعلا وغير صحيح .


وهنا بقا تيجي اهميه ال copyWith
وممكن تسميها زي ما تحب بس المسمي ده عشان هي بتعمل copy فعلا

💡هي بتعمل اي بقا الميثود دي ؟
بتساعدك انك تعمل instance جديد من ال Class بتاعك مع امكانيه تعديل بعض المتغيرات وممكن تسيب متغيرات متعدلش عليها بمعني اصح تحافظ علي قيم المتغيرات الللى معدلتش عليها زي ما هي .

طريقه عمل ال copyWith زي الصوره التانيه مع مثال .


قناه اليوتيوب بنزل عليها شروحات لمواضيع ممكن تفيدك
https://www.youtube.com/@azabcodes
❤‍🔥7🔥4
السلام عليكم ورحمة الله وبركاته
في موضوع معين عايزين له شرح ؟
السلام عليكم ورحمة الله وبركاته.
بجهز لكورس عن
Clean Architecture
وكنت محتاج تطبيق متوفر له
UI & API

اللى يعرف او يقدر يوفر ليا حاجه زي كده
اكون شاكر ليه جدا. و جزاكم الله خيرا
❤‍🔥11🔥4
من الحاجات اللي بستخدمها أساسي في كل مشروع مع الـ
Bloc
هي BuildScreenWhen
وده طبعا بيتم من خلال ال
RequestState

من خلالها بتحكم في اللي يظهر على الشاشة حسب حالة البيانات بكل سهولة، سواء:
loading– لما البيانات لسه بتيجي
loaded – البيانات وصلت وزي الفل
error – حصلت مشكلة
empty – مفيش بيانات أصلًا
noNetwork – الإنترنت فاصل
❤‍🔥13🔥3
السلام عليكم ورحمة الله وبركاته،
إن شاء الله هبدأ في أول سلسلة على القناة وهتكون عن Flavors في Flutter، واللي هتساعدك تتحكم في إصدارات التطبيق بسهولة.
في السلسلة دي، هشرح لك:
تخصيص الأيقونة لكل بيئة (Development | Staging | Production)
إعداد شاشة Splash Screen مخصصة لكل نسخة
ربط كل إصدار بـ Firebase الخاصة بيه

نزلت اول فيديو مقدمه بسيطه عن الموضوع :
https://youtu.be/CpcBDUzRhrY?si=zTol6qiVpykfP9bw
❤‍🔥12🔥81
ممكن برضو تبعت الفيديو ده للمصمم اللي بيعمل الايقونات ليكم لو مش عايزين تعملوهم بنفسكم

السلام عليكم ورحمة الله وبركاته

تاني فيديو من سلسلة Flutter Flavors
في الفيديو ده، هنتعلم إزاي نصمم الأيقونة بنفسنا بحيث تكون Adaptive Icon وتشتغل بشكل مثالي على Android و iOS، وكمان هنحل مشكلة Clipped by OS اللي بتواجه ناس كتير أثناء تصميم الأيقونات.

إيه اللي هنتعلمه في الفيديو؟
إزاي تعمل (Adaptive Icon)؟
إيه الفرق بين Foreground و Background في الأيقونات؟
إزاي تضمن إن الأيقونة متبقاش مقصوصة أو مشوهة على الأجهزة المختلفة؟


https://youtu.be/QI-N3P1RFqk
❤‍🔥9
السلام عليكم ورحمه الله وبركاته .

مع الجزء التالت من سلسلة تعلم الـ Flavors، هنتعلم إزاي نعمل
Splash Screen
مخصصة لكل Environment في مشروع Flutter.
في الفيديو ده، هتعرف:
إزاي تجهز Splash Screen لكل بيئة
(Prod, Dev, Stg)
لو متابعتش السلسله تقدر تشوف الفيديو الجديد من هنا

https://youtu.be/KZMQatgYW4Q
❤‍🔥9
عايز تبعت تحديثات لتطبيقك من غير ما تعيد نشره على المتجر؟!

لو بتشتغل على Flutter، أكيد عارف إن أي تعديل في الكود معناه لازم تبني التطبيق من الأول وترفعه على المتجر وتستنى المراجعة، وده ممكن يكون متعب جدا

لكن مع Shorebird Code Push، تقدر تبعت تحديثات فورية للمستخدمين من غير ما تحتاج ترفع التطبيق من جديد

شوف الفيديو هنا وتعلم إزاي تستخدم Shorebird في تطبيقك
https://youtu.be/LX65WcrwtQc
❤‍🔥17🔥2
السلام عليكم ورحمة الله وبركاته.
تقبل الله منا ومنكم وكل عام وانتم بخير جميعا
عيد فطر مبارك 🌹
❤‍🔥17
السلام عليكم ورحمة الله وبركاته.
ده كورس للتعامل مع
Supabase

كوبون ل١٠٠٠ شخص مجاني.


https://www.udemy.com/course/e-commerce-app-admin-website-using-flutter-supabase/?couponCode=15B2EAFB0E79778205AE
❤‍🔥14
يعني إيه
build()
بتتنده 60 أو 120 مرة في الثانية؟

كل شاشة موبايل ليها معدل تحديث
(Refresh Rate)

لو 60Hz فده معناه إن الشاشة بتعرض 60
فريم في الثانية، يعني معاك 16 ميلي ثانية علشان ترسم كل فريم. 

لو 120Hz فمعاك 8 ميلي ثانية بس.

يعني Flutter بيحاول يرسم الواجهة (UI) في الوقت ده. 

لو
build()
خدت وقت أكتر من كده، الفريم هيتأخر، وساعتها المستخدم هيحس إن التطبيق بيقطع أو بيهنج. وده اسمه frame drop.

عشان كده لازم تخلي
build()
خفيفة وسريعة.

طيب نعمل كده إزاي؟

- قسم الواجهة لـ custom widgets بدل ما تحط كل حاجة جوا widget واحدة.

- استخدم const على قد ما تقدر.

- افصل ال (logic) عن ال (UI) باستخدام State management زي Bloc أو Riverpod.

Flutter
بيساعدك لأنه بيبني بس اللي اتغير، مش كل التطبيق. 
بس الأداء الكويس مسؤوليتك كمطور.
❤‍🔥17
Which Flutter method is responsible for rendering the UI ?
Anonymous Quiz
30%
initState()
59%
build()
5%
dispose()
6%
didChangeDependencies()
❤‍🔥10
السلام عليكم ورحمه الله وبركاته

مطلوب متطوع Back-end Developer

لو إنت متابع القناة، أكيد عارف إنّي كل فترة بفتح الباب لأي حد محتاج مينتور يساعده في المذاكرة أو تنفيذ مشروع، وبندخل سوا على جروب الديسكورد ونتابع التاسكات ونتعلم التصميم أو مواضيع معينة.
الحمد لله فى شباب منهم خلصوا ٤ مشايع .

يعنى الحمد لله، وصلنا لمرحلة كويسة جدًا، عملنا تصاميم حقيقية بالكود، والشباب بدأت تشتغل فعليًا بـ Clean Architecture، وشغلهم بقى محترم جدًا

فاضل خطوة أخيرة، وهي ربط الـ Front-end بالـ API.

❄️❄️❄️ حاليًا عندنا تصميم تطبيق جاهز، بس محتاجين حد يعمل الـ API ويوفرلنا endpoints نشتغل عليها.

لو إنت شغال Back-end بأي لغة
وعايز:
- تساعد ناس بتتعلم
- تطبق على مشروع حقيقي
- تضيف شغل لبورتفوليوك

يبقى الفرصة دي ليك

لو مهتم، ابعتلي على الخاص أو سيب كومنت وأنا هكلمك إن شاء الله.
❤‍🔥12