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

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


https://www.udemy.com/course/e-commerce-app-admin-website-using-flutter-supabase/?couponCode=15B2EAFB0E79778205AE

يعني إيه
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
بيساعدك لأنه بيبني بس اللي اتغير، مش كل التطبيق. 
بس الأداء الكويس مسؤوليتك كمطور.

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

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

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

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

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

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

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

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

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

السلام عليكم ورحمة الله وبركاته
تكملة لسلسلة Flavors في Flutter،
فيديو النهارده نظري شوية علشان نوضح المفاهيم ونعرف الفرق بينهم قبل ما نشتغل عملي

📺 في الفيديو هتعرف:
✅ يعني إيه Flavors في Flutter
✅ يعني إيه Environments
✅ الفرق الحقيقي بين Flavors و Environments
✅ تستخدم مين؟ وإمتى؟ وليه ده مهم في شغلك كمطور؟

متفوتش الفيديو ده لو عايز تفهم البنية الاحترافية لتطبيقات Flutter وتجهّز مشروعك صح من البداية 🚀

https://www.youtube.com/watch?v=t02BP1qhfS0

السلام عليكم ورحمة الله وبركاته،
في فيديو النهارده، واللي هو الجزء الخامس من سلسلة Flavors بدأنا أول تطبيق عملي واستخدمنا فيه flutter_flavorizr علشان نسهل علينا إعداد الفلافورز في المشروع.

في الفيديو ده هتتعلم:

* إزاي تضيف مكتبة flutter_flavorizr وتظبطها
* تعمل Generate تلقائي لملفات الفلافورز
* تحل مشكلة حذف ملف main.dart بعد الـ generate
* تجهز مشروعك يشتغل على أكتر من بيئة (زي dev و prod)

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

لينك الفيديو
https://youtu.be/NQz5L5c_F3s

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

الجزء السادس من سلسلة

Flavors in flutter

في الفيديو ده، هنعمل إعداد Flavors على Android خطوة بخطوة، وهنخلي كل إصدار من التطبيق يظهر باسمه وأيقونته الخاصة

https://youtu.be/NHpFJ2nfSrM

السلام عليكم ورحمه الله وبركاته
الحمد لله خلصنا تطبيق كمان
وهنشتغل ع واحد جديد
متاح انضمام ٤ اشخاص اللي عايز ينضم يبعت ليا
يفضل يكون مستواك كويس عشان نتعامل مع
API
ولو حد مبتدا ممكن يبعت ليا ابعتلي التصميم يعمله ولو وقف معاه حاجه ممكن يسال فيها

السلام عليكم ورحمة الله وبركاته
عملت باكدج بسيطة تسهلك وقتك في إضافة الإشعارات على Flutter.
لو زهقت تضيف إشعارات بنفسك وتلف على ملفات كتير، باكدج
high_q_notifications
هتسهل عليك المهمة وتخليك تضيف إشعارات بسرعة وبطريقة منظمة.
إيه اللي هتلاقيه في الباكدج دي؟


بتدعم إشعارات Firebase Messaging مع الإشعارات المحلية

تقدر تستخدمها في الخلفية وتتحكم في كل حاجة تخص الإشعارات
فيها CLI بيعمللك كل ملفات الإشعارات المطلوبة في مشروعك أوتوماتيك

بيضيفلك كل البرميشنز اللي محتاجها على Android و iOS

بيظبطلك ملف الـ Swift Delegate في iOS عشان يشتغل مع الإشعارات من غير مشاكل

بيعمل نسخة من ملف الـ main.dart جاهزة فيها إعدادات الباكدج عشان تبدأ بسهولة



https://pub.dev/packages/high_q_notifications

السلام عليكم ورحمة الله وبركاته
حابب أشارك معاكم التحديث الجديد اللي اشتغلت عليه في الباكدج :
✅ الباكدج دلوقتي بتدعم أحدث نسخة من Gradle، مع إضافة كل الـdependencies المطلوبة.
⚙️ عدلت ملفات الإعدادات على Android وiOS بكل الفيتشرز الممكنة.
🔘 ضفت action buttons في Android.
📣 ضفت notification categories في iOS.
📌 ضفت كل الـlogic الخاص بـtopics عشان يبقى أسهل وأسرع.
📝 وكمان أضفت pull request template لو حد حابب يساهم أو يطورها بطريقة منظمة.

https://pub.dev/packages/high_q_notifications

يعني إيه Caching widgets implicitly؟

وهل Flutter فيها أي طريقة لعمل Cache للـWidget؟

ودى معلومة ع السريع:

أيوه طبعا Flutter بتعمل كاش تلقائي (implicitly) للويدجت اللي بتكون بنفس القيم والقيم دي معروفه وقت الكومبايل.

يعني لو كتبت

const SizedBox(height: 20)


وكررتها في كذا مكان في الكود، Flutter مش هتعمل object جديد كل مرة، لأ هى بتستخدم نفس النسخة اللي اتعملت أول مرة وده بيساعد جدًا في الأداء لأنه بيقلل عدد ال Widgets اللي بتتبني كل مرة.

إزاي نستفيد من كده؟

دايما لما تقدر استخدم const قبل ال Widget خصوصا لو مش هتتغير
زي كده


const Text("Welcome")

بدل ما تكتب

Text("Welcome")


لأن الفرق بينهم إن الأول هيتحفظ في الكاش، والتاني هيتبني كل مرة.



طب ولو عندي ويدجت بيتكرر كتير بس مش ثابت بالكامل، ساعتها ممكن تستخدم حلول زي:

ValueKey أو ObjectKey علشان Flutter تقدر تميز بين النسخ.



يعني مثلاً عندك ListView فيها عناصر كتير، وكل عنصر هو عبارة عن ويدجت فيها شوية معلومات زي اسم، صورة، رقم... بس القيم دي بتتغير حسب كل عنصر.

ListView(
children: [
UserCard(name: "Mahmoud"),
UserCard(name: "Usama"),
UserCard(name: "Ahmed"),
],
)


في الحالة دي، كل عنصر شكله زي التاني لكن بياناته مختلفة، وFlutter ممكن يتلخبط لما يعيد بناء الواجهة

هنا ييجي دور الـ Key

علشان Flutter يقدر يفرق بين كل ويدجت والتانية، لازم تدي لكل واحدة Key.

وفي الحالة دي، بنستخدم أنواع من ال Keys زي

ValueKey , ObjectKey

لما تدي كل ويدجت Key
Flutter هيعرف إن أه ده نفس العنصر اللي كان هنا قبل كده، فـمش هيبنيه من أول وجديد، ومش هيحصل لخبطة في الـstate

بدون ما تسألوا
Chatgpt

اي الفرق بين
ListView
ListView.builder

واي الأفضل فيهم ولى ؟

واي مشكله استخدام ال
shrinkWrap: true

واي فايده ال
cacheExtent
في ال
ListView




وده اللي هنزله الشرح الجاى .

لو عندي ListView فيها بيانات كتير إزاي أتحكم في عدد العناصر اللي Flutter تجهزها قبل ما تظهر على الشاشة؟

الجواب هو
خاصية اسمها cacheExtent

ودي ببساطة بتحدد المسافة بالبكسل كام عنصر Flutter تجهزه فوق وتحت الجزء الظاهر في الـListView.

يعني مثلا

لو كل عنصر طوله 100 بكسل، وكتبت:

cacheExtent: 300,


ده معناه إن Flutter هتجهز 3 عناصر فوق وتحت

طيب لو عايز تجهز حوالي 30 عنصر؟

cacheExtent: 3000,

بس خلي بالك:

لو العناصر طولها مش ثابت الرقم ده هيكون تقديري مش دقيق.
كل ما تزود cacheExtent هتستهلك RAM أكتر لأنك بتجهز عناصر زيادة.

ال pdf ده جمعت فيه اغلب و اهم اسئلة الانترڤيوز لعل و عسى تفيد حد 🤍

يعتبر افضل شرح لعمل ال
Deep links



https://codewithandrea.com/articles/flutter-deep-links/

أسبوع حافل بالصيـام
وصيام السبـت القـادم
يُكفر ذنوب سنة كاملة
#عاشوراء
لو مش هتقدر تصوم، تقدر تأخد الأجر لو بلغت غيرك.. الدّالُ على الخير = كفاعله :)🌱

لو بتستخدم باكدج

JsonSerializable

ممكن بتقابل مشاكل وانت بتحول الـ
JSON
ل
Objects

وتفضل احيانا تدور فى الكود ومش عارف فين الغلط بالظبط

فيه حل بسيط جدا

ضيف السطر ده فوق الكلاس بتاعك

@JsonSerializable(checked: true)


ده هيخليك تشوف بالظبط أنهي Field عامل مشكلة وقت الـ
deserialization.
يعني لو عندك مثلا:

{
"name": "Mahmoud",
"age": "twenty"
}


وإنت مستني age تكون رقم (int) هتطلعلك رسالة خطأ واضحة تقولك إنك استلمت
String
بدل int

قبل كده من غير
checked: true

الغلط بيبقى مبهم ومش واضح سببه

منقول

تجميعة هتساعدك في عمل تطبيق او موقع اسلامي 🙌


Quran-Datasets:
https://lnkd.in/dPPH-spn
https://lnkd.in/d35kcFCZ
https://lnkd.in/dNVtiE_J
https://lnkd.in/dGy3zpTN
Hadith-Datasets:
https://lnkd.in/dv_g7PiP
https://lnkd.in/di5e6YEp
https://lnkd.in/dauV-n6R
Azkar-Datasets:
https://lnkd.in/dXNRrDCj
https://lnkd.in/dyZ9XqET

Quran-APIs:
https://alquran.cloud/api
https://quran.api-docs.io/
https://lnkd.in/ddfbPT9v

Prayer-Times-API:
https://lnkd.in/dnQWeB2K
https://lnkd.in/diXsuM6U