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

جمعه مباركه عليكم ❤️

ده لينك في تصميمات جاهزه لتطبيقات
اللي عايز يجرب بنفسه يعملهم وياخد خبره من التعامل مع ال UI

ولو حد وقف في حاجه في التصميم او محتاج سؤال يسأل


https://bit.ly/3rWJQhC



بالتوفيق ان شاء الله ❤️

مهم ✅️❤️


https://www.linkedin.com/posts/mazap64_flutter-dart-buttons-activity-7112384133305147392-cIjR?utm_source=share&utm_medium=member_android

#منقول

السلام عليكم، هنتكلم النهارده ان شاء الله عن ال GraphQl اللى فى شعبية متزايدة كل يوم وازاى نربطها ب Flutter.

بكل اختصار انت لو عندك Post وعايو تجيب بياناته وبيانات صاحب البوست، هتروح تجيب ال post من ال endpoint بتاعته، وهيجيلك مع الداتا ال userId عشات تجيب اسم ال user وتعرضه فوق البوست.

انت هنا عملت اتنين request وعملت OverFetching يعنى جبت بيانات اليوزر كلها عشان بس تجيب ال name بتاعه، فعملت load عالسيرفر بانه بعتلك بيانات كتير انت مش محتاج منها الا field واحد، وكمان عملت اتنين request عشان post واحد.

لو جينا بقا نعمل الكلام ده بال GraphQl فانت هتقول للسيرفر انا عايز ال noscript وال body بتاع البوست الفلانى وهاتلى معاك ال username بتاع صاحب البوست، فهيقوم ال Graph باعتلك ال 3 field دول بس من غير اى داتا تانيه، وفى request واحد بس.

فانت هنا قللت بشكل كبير فى حجم البيانات اللى هتجيلك من السيرفر وقللت فى عدد ال requests فبالتالى سرعة الاستجابة هتزيد والتطبيق هيبقى اسرع.

دول 3 فيديوهات بيشرحوا ال Graph وازاى تربطه ب Flutter من الألف لل pagination.

GraphQl: https://youtu.be/2uNKIokdZa0?si=zyTmk_PV65GGkgzk

GrapgQl & Flutter: https://youtu.be/Ru0ddHJQTdw?si=QpfZ2k26hKSGFkzQ

Pagination: https://youtu.be/AB8kSYopjn0?si=rR3gR6aAQLRMX2VE

LinkedIn post: https://www.linkedin.com/posts/ibrahim-eltayfe-204aab246_graphql-activity-7112550357485969408-LBFd?utm_source=share&utm_medium=member_android

#منقول

من اكبر عيوب أي تطبيق مهما كان البلاتفورم اللي هيشتغل عليه هو الحجم الكبير واللي وارد جدا يخلي المستخدم يستغنى عنه مهما كانت مزاياه وخصوصًا لو له بديل او منافس حجمه اصغر وخير دليل مثلا هو Facebook Lite ..

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

1- Using lots of assets ( Especially PNG, and JPEG)

الصور والايقونات من اكتر الحاجات اللي ممكن تكبر مساحة اي تطبيق وحل المشكلة دي ان الصور تكون NetworkImages
والايقونات تكون بامتداد .SVG
اللي حجمها بيكون صغير جدا بالاضافة انها مش بتبكسل.

2- Flutter packages for easy/not complicated processes
الباكدجز بتكون عبارة عن بروجيكت جوا البروجيكت فكتر استخدامها وخصوصًا الباكدجز اللي بتستخدم في الديزاين اكتر شيء بيضاعف حجم تطبيقات فلاتر بلا منازع !!
الحل انك تاخده تحدي كدة ومع الوقت تحاول تعمل كل حاجة بنفسك وخصوصًا في الديزاينز بإنك تتعمل الحاجات المميزة او الصعبة Components وترجع تستخدمها وقت الحاجة زي مثلا الحاجات اللي فيها Animations
لحد ماتوصل انك ماتحتاجش باكدجز الا للتقيل بس زي
State Management Packages, Dio/HTTP, Maps, Payment Gateways....etc.

3- Dirty code, and/or dirty project structure

معلومة ممكن ماتكونش مشهورة اوي بس عدد سطور الكود الكبير بيكبر حجم التطبيق وطبعا الكود لو مش نضيف من الاول هيجبرك وانت بتكمل عليه انك تكتب سطور كتير ليها بدايل اقل او مثلا تكرر كود معين كذا مرة في الديزاين في نفس الصفحة او صفحات تانية بدل ماتستخدم Reusable Components ..
نفس الكلام لو تقسيم فايلز البروجيكت عندك عشوائي او مطبق Architecture design pattern بشكل غلط وخصوصًا لو مع بروجيكت كبير .. بالاضافة طبعا لو استخدمت باتيرن مش مناسبة لحجم التطبيق كعدد شاشات ومزايا والتمييز في الموضوع دة محتاج قراءة بفهم وتطبيق على اشهر ال Architecture design patterns.
حاول في المجمل كود كل صفحة مايزيدش عن 350 سطر بالكتير جددددددا.

طبعًا اغلب الملحوظات دول وغيرهم اكيد هياخدوا وقت اكبر من البديل السهل اللي يشغل الشغل وخلاص لكن طبعًا نتيجة الاستسهال مش هتبان الا في الاخر ومفيهاش حل سهل وقتها ويمكن مايكونش في حل وقتها.

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

flutter build apk --analyze-size --target-platform android-arm
flutter build apk --analyze-size --target-platform android-arm64
flutter build apk --analyze-size --target-platform android-x64
flutter build appbundle --analyze-size
flutter build ios --analyze-size
flutter build linux --analyze-size
flutter build macos --analyze-size
flutter build windows --analyze-size

⭐ Optimizing Flutter Startup Times with "Future.wait"

#لبنان

Supono Holdings LTD is hiring a Senior Flutter Developer to join our team.

Interested candidates can send their resumes to:

lama.mansour@suponoholdings.com

Candidates must be in Lebanon

Thank you

Add some animations in Flutter images ❤️

Source code :

https://github.com/mazab99/image_exposure


Youtube :

https://www.youtube.com/channel/UCy9PQQh1C48BujwnYteA-Vg

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

فيديو بسيط بوضح فيه ازاي تعمل ترجمه لاسم التطبيق بتاعك علي حسب لغه الموبايل


https://youtu.be/33Mwz8HyXuQ?si=TIgFwON20RJ6691c

ال ChatGPT فتح في مصر تقدر تسجل برقم مصري عادي

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

في الفيديو اللي فات شرحنا تغير اسم التطبيق. علي حسب لغه الموبايل علي ال Android

في الفيديو ده ازاي تغيره علي IOS ✅️

لو في حاجه حد عايز شرح ليها ممكن يكتبها وان شاء الله اعمل فيديو ليها


https://youtu.be/rR4QHU8k1_0?si=CdE3ENOrX4yq2xb8

السلام عليكم ورحمة الله وبركاته
في الفيديو ده شرح ازاي تعمل
Quick Actions
زي اللي موجوده في اليوتيوب أو أي تطبيق تاني

لو في حاجه حد عايز شرح ليها ممكن يكتبها وان شاء الله اعمل فيديو ليها


https://youtu.be/VyIh1EyLQ2Q?si=kbO0c3HBmTYW3A3j

حل مشكله ان الاقتراحات مبتظهرش ✅️

ادخلوا الى

1 - File
2 - Setting
3- اكتبوا بالبحث Intentions
4 - في قسم الدارت يوجد خيار اسمه
Quick assist powered by the Dart Analysis
اضغطوا عليه وهتتحل المشكلة بإذن الله

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

في الفيديو ده شرح.

1️⃣ Pick image
(Camer , Multiple images)

2️⃣ Remove selected image

3️⃣ Upload image server using Dio

لينك الفيديو ✅️
https://youtu.be/4VBrPUCsf-4?si=-m7x6Ma7qf-KYjVk



اللي عايز شرح لحاجه معينه يكتبها . مش هقدر أشرح حاجه في الاساسيات. القناه بس هيتشرح فيها حاجات متقدمه شويه ✅️

اللَّهُمَّ صَلِّ عَلَى مُحَمَّدٍ، وَعَلَى آلِ مُحَمَّدٍ، كَمَا صَلَّيْتَ عَلَى إِبْرَاهِيمَ، وَعَلَى آلِ إِبْرَاهِيمَ، إِنَّكَ حَمِيدٌ مَجِيدٌ، وَبَارِكْ عَلَى مُحَمَّدٍ، وَعَلَى آلِ مُحَمَّدٍ، كَمَا بَارَكْتَ عَلَى إِبْرَاهِيمَ، وَعَلَى آلِ إِبْرَاهِيمَ، فِي الْعَالَمِينَ إِنَّكَ حَمِيدٌ مَجِيدٌ🤍

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


في الفيديو ده شرح.

1️⃣ Pick video

2️⃣ Remove selected video

3️⃣ Upload video server using Dio

لينك الفيديو ✅️

https://youtu.be/MHH_gF6_1z4?si=HHIkWPI3VkiltT2k



اللي عايز شرح لحاجه معينه يكتبها . مش هقدر أشرح حاجه في الاساسيات. القناه بس هيتشرح فيها حاجات متقدمه شويه ✅️