Flutter hub & Flutter developers & Flutter programming & تعلم فلاتر & دارت مبرمجين فلاتر Flutter & Dart
رفتن به کانال در Telegram
Unlock the power of Flutter with Flutter Hub! 🚀📱 Your go-to source for everything related to mobile app development using Flutter. import"Flutter Hub" أطلق العنان لقوة Flutter مع Flutter Hub! مصدرك الموثوق لكل ما يتعلق بتطوير تطبيقات الأجهزة المحمولة
نمایش بیشترالعراق61 187دسته بندی مشخص نشده است
1 223
مشترکین
اطلاعاتی وجود ندارد24 ساعت
-77 روز
-2730 روز
در حال بارگیری داده...
کانالهای مشابه
ابر برچسبها
هیچ دادهای
مشکلی وجود دارد؟ لطفاً صفحه را تازه کنید یا با مدیر پشتیبانی ما تماس بگیرید.
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
آوریل '25
آوریل '25
+11
در 0 کانالها
مارس '25
+13
در 0 کانالها
Get PRO
فوریه '25
+26
در 0 کانالها
Get PRO
ژانویه '25
+22
در 0 کانالها
Get PRO
دسامبر '24
+17
در 0 کانالها
Get PRO
نوامبر '24
+22
در 0 کانالها
Get PRO
اکتبر '24
+41
در 0 کانالها
Get PRO
سپتامبر '24
+20
در 0 کانالها
Get PRO
اوت '24
+24
در 0 کانالها
Get PRO
ژوئیه '24
+15
در 7 کانالها
Get PRO
ژوئن '240
در 0 کانالها
Get PRO
مه '240
در 0 کانالها
Get PRO
آوریل '240
در 0 کانالها
Get PRO
مارس '240
در 0 کانالها
Get PRO
فوریه '240
در 0 کانالها
Get PRO
ژانویه '240
در 0 کانالها
Get PRO
دسامبر '230
در 0 کانالها
Get PRO
نوامبر '230
در 0 کانالها
Get PRO
اکتبر '230
در 0 کانالها
Get PRO
سپتامبر '230
در 0 کانالها
Get PRO
اوت '230
در 0 کانالها
Get PRO
ژوئیه '230
در 0 کانالها
Get PRO
ژوئن '230
در 0 کانالها
Get PRO
مه '230
در 0 کانالها
Get PRO
آوریل '230
در 0 کانالها
Get PRO
مارس '230
در 0 کانالها
Get PRO
فوریه '230
در 0 کانالها
Get PRO
ژانویه '230
در 0 کانالها
Get PRO
دسامبر '22
+66
در 0 کانالها
Get PRO
نوامبر '22
+77
در 0 کانالها
Get PRO
اکتبر '220
در 0 کانالها
Get PRO
سپتامبر '22
+71
در 0 کانالها
Get PRO
اوت '22
+17
در 0 کانالها
Get PRO
ژوئیه '220
در 0 کانالها
Get PRO
ژوئن '22
+11
در 0 کانالها
Get PRO
مه '22
+83
در 0 کانالها
Get PRO
آوریل '22
+75
در 0 کانالها
Get PRO
مارس '22
+65
در 0 کانالها
Get PRO
فوریه '22
+56
در 0 کانالها
Get PRO
ژانویه '22
+100
در 0 کانالها
Get PRO
دسامبر '21
+85
در 0 کانالها
Get PRO
نوامبر '21
+122
در 0 کانالها
Get PRO
اکتبر '21
+215
در 0 کانالها
Get PRO
سپتامبر '21
+105
در 0 کانالها
Get PRO
اوت '21
+103
در 0 کانالها
Get PRO
ژوئیه '21
+98
در 0 کانالها
Get PRO
ژوئن '21
+67
در 0 کانالها
Get PRO
مه '21
+39
در 0 کانالها
Get PRO
آوریل '21
+60
در 0 کانالها
Get PRO
مارس '21
+83
در 0 کانالها
Get PRO
فوریه '21
+90
در 0 کانالها
Get PRO
ژانویه '21
+134
در 0 کانالها
Get PRO
دسامبر '20
+519
در 0 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 24 آوریل | 0 | |||
| 23 آوریل | +1 | |||
| 22 آوریل | 0 | |||
| 21 آوریل | 0 | |||
| 20 آوریل | 0 | |||
| 19 آوریل | +1 | |||
| 18 آوریل | 0 | |||
| 17 آوریل | +1 | |||
| 16 آوریل | +1 | |||
| 15 آوریل | 0 | |||
| 14 آوریل | 0 | |||
| 13 آوریل | +1 | |||
| 12 آوریل | +1 | |||
| 11 آوریل | +2 | |||
| 10 آوریل | 0 | |||
| 09 آوریل | 0 | |||
| 08 آوریل | +1 | |||
| 07 آوریل | 0 | |||
| 06 آوریل | 0 | |||
| 05 آوریل | 0 | |||
| 04 آوریل | +1 | |||
| 03 آوریل | 0 | |||
| 02 آوریل | 0 | |||
| 01 آوریل | +1 |
پستهای کانال
10 خدمات مجانية لا غنى عنها لكل مطوّر Flutter 🔥
إذا كنت عم تطوّر تطبيقات بـ Flutter وبدك توفر وقتك ومجهودك، هالخدمات المجانية رح تكون كنز حقيقي! 👇
1️⃣ Strapi
نظام إدارة محتوى مفتوح المصدر ومرن جدًا. بتقدر تبني واجهات API بسهولة وبدون وجع راس، وبتتكامل مع Flutter لبناء تطبيقات قوية وسريعة.
2️⃣ Notion API
لو كنت بتشتغل على تطبيقات إدارة مهام أو تنظيم بيانات، Notion API بيوفرلك نظام قوي لجلب وتنظيم البيانات بمرونة.
3️⃣ Firecamp
أداة مجانية لاختبار الـ APIs بأنواعها (REST - GraphQL - WebSocket) بسهولة. بتوفر عليك وقت طويل بالتجربة.
4️⃣ Heroku
استضافة مجانية لتطبيقاتك وخدمات الـ API. خيار مثالي للمشاريع الصغيرة والمتوسطة وبتعطيك خطة مجانية بتكفي للانطلاقة.
5️⃣ OneSignal
إذا بدك ترسل إشعارات Push Notifications لتطبيقك، OneSignal هو الحل المجاني والأكثر احترافية، وبيوفر ميزات تخصيص ممتازة.
6️⃣ DartPad
محرر كود مباشر على المتصفح. جرّب أكواد Flutter وDart بدون ما تنزل أي أدوات أو بيئات عمل، مثالي للتجربة السريعة.
7️⃣ Gravatar
خدمة مجانية بتساعدك بإضافة صور ملفات المستخدمين عبر البريد الإلكتروني بشكل تلقائي، وبتعطي طابع احترافي للتطبيق.
8️⃣ RapidAPI
مكتبة ضخمة من الـ APIs المجانية والمدفوعة. سواء كنت بحاجة لخدمة ترجمة، طقس، أو حتى خدمات ذكاء اصطناعي، هالمنصة بتوفرها كلها.
9️⃣ Firebase Test Lab
بدك تتأكد إن تطبيقك شغال بدون مشاكل؟ هاي الأداة بتخليك تختبر تطبيقك على أجهزة حقيقية افتراضية وتكشف الأخطاء قبل الإطلاق.
🔟 GitHub Pages
لو عندك توثيق أو موقع بسيط لتطبيقك، GitHub Pages بيسمحلك تعمل استضافة مجانية لموقعك بطريقة احترافية وسريعة.
💡 الملخص
ما في داعي تدفع مبالغ ضخمة لخدمات الباك ايند أو الاختبارات، هالخدمات بتغطي كل احتياجاتك وبتساعدك تطوّر تطبيقات Flutter بجودة عالية وبدون تكلفة.
جرّبها وخليك دايمًا سابق بخطوة في مشاريعك! 🚀
| 2 | The new #flutter #video "Flutter Web with Wasm: How close can we get to native speeds? 🚀" has arrived ▶️🍿
أصبحت تطبيقات الويب الخاصة بـ Flutter متوافقة الآن مع Wasm. وهذا يعني أداءً أسرع، يضاهي أداء التطبيقات الأصلية. شاهد المزيد .
Flutter web apps are now Wasm compatible. That means faster performance, comparable to native app performance. Watch more ... | 200 |
| 3 | 2024 كانت سنة مليئة بالأحداث، لكن ..
لم استطع كما العادة في نهاية كل عام أن اكتب الإنجازات على شكل نقاط والاحتفاظ بها .
شعرت بفراغ شديد وصعوبة بتجميع الأفكار وقليل من الحسرة . ف تبداء المقارنة بين هذا العام والعام الماضي، وبين الخطط بين العامين التي تم تنفيذها والتي تم إهمالها، لم استطع الوصول إلى انجاز يكتب ويرضي نفسي التي تريد حقاً معرفة ماذا انجزت، فتذكرت أن الله اكرمني لفكرة اني مستمر منذ العام السابق ب العمل 10-12 ساعه في اليوم، في التخصص وفي بناء المهارات الاخرى .
وأصل حينها إلى قناعة تامة ورضاء نفسي كبير وشكرٌ لله على هذه النعمة .
أيقنت أن هناك الكثير من النعم التي اعتدنا عليها وإنجازات خطية لا نستطع أن نحكم عليها الا من زاوية اخرى.
بجد من أعظم النعم أن يهيئ الله لك الأسباب لشغل وقتك، وجهدك وسنين عمرك في العمل والتعلم، نعمة قد تكون منجية من سؤال وشبابه فيما افناه.
لذلك إن مررت بحالتي و لم تستطع أن تكتب إنجازات السنه ذي؛ ففكر ف وقتك كيف قضيته وفيما قضيته ومن خلاله تستطيع أن تحكم على الجزء الخفي الذي لايُكتب ولن يجد ذلك الجمهور الذي يعجب به .
#space | 217 |
| 4 | ↗️ 01 JAN 2025 - Canva Pro Team Invitation 📢
https://www.canva.com/brand/join?token=XJmYT4qo0k4GiOqbvRGRDQ&referrer=team-invite | 175 |
| 5 | تحديث إطار العمل Flutter
اصبح متاح الان 3.27.0
•
A new #flutter #version 3.27.0 is available 🕊️😍
• Changelog
• Flutter release notes
• Flutter Public Announcements | 216 |
| 6 | كيف تنشئ شاشة Responsive تدعم كل الأجهزة في Flutter؟
لو بتطور تطبيق بـ Flutter وعايزه يظهر بشكل ممتاز على كل الأجهزة سواء كانت موبايلات صغيرة، تابلت، أو حتى شاشات كبيرة، لازم تعتمد على تصميم متجاوب Responsive Design. في Flutter، عندك أكتر من طريقة لتحقيق ده بسهولة واحترافية.
1. استخدام MediaQuery
MediaQuery بتديك معلومات عن حجم الشاشة الحالية، وبتساعدك تضبط العناصر بناءً على الطول والعرض.
2. استخدام LayoutBuilder
LayoutBuilder بيسمح لك تقسّم الشاشة بناءً على القياسات المتاحة، وده مفيد جدًا لتغيير التصميم حسب حجم الشاشة.
3. استخدام مكتبة ScreenUtil
ScreenUtil مكتبة قوية جدًا لتصميم واجهات متجاوبة بسهولة. بتحتاج تضيف المكتبة في المشروع:
٤.استخدام Flex Widgets: زي Row وColumn مع Expanded أو Flexible لتنظيم العناصر.
حاول دائمًا تستخدم النسب أو القيم الديناميكية بدل الأرقام الثابتة.
جرب التطبيق على شاشات بأحجام مختلفة باستخدام Device Preview .
التصميم المتجاوب مش بس تحسين للتجربة، لكنه كمان بيعكس احترافية التطبيق. سواء استخدمت MediaQuery، LayoutBuilder، أو مكتبة زي ScreenUtil، المهم إنك تضمن إن التطبيق هيظهر بأفضل صورة على كل الأجهزة! 🚀 | 288 |
| 7 |  https://www.linkedin.com/posts/yousef-hageb_flutter-dart-programming-activity-7268295441895542784-bxH1?utm_source=share&utm_medium=member_android | 180 |
| 8 | 🔥 كيف تستفيد من Tricks بسيطة لتحسن أداء تطبيقاتك Flutter!
كلنا بنعرف إنه الأداء والتجربة المميزة للمستخدم شي مهم، صح؟ 🤔 خلوني أشارككم كذا نقطة سريعة ممكن تفرق معاك كثير:
1. التعامل مع الصور بذكاء
بدل ما تحط صور ضخمة تستهلك الرام والمعالج، استخدم الـ ResizeImage عشان تتحكم في حجم الصورة وتقلل استهلاك الذاكرة
2. قلل الـ rebuilds باستخدام `const`
أي ويدجيت ما بتحتاج تتغير، حطها كـ const. الحركة البسيطة تفرق جدا بأداء التطبيق وتقلل الـ rebuilds غير الضرورية
3. في حال الأنيميشن استخدم AnimatedBuilder بدل الـ setState 🎬
لو عندك أنيميشن معقد، بدل ما تستخدم setState، استخدم AnimatedBuilder لتحديث واجهة الأنيميشن بشكل سلس وأسرع
4. تجنب استخدام Widgets زائدة عن الحاجة
خليك بسيط، وقلل استخدام ويدجتس لا فائدة منها. مثلًا، ما تحتاج Column داخل Column عشان توزع المسافات، استخدم فقط padding و Expanded او Spacer بشكل ذكي | 238 |
| 9 | اهم الأدوات الذي يجب أن تستخدمها ك مطور تطبيقات
1- codemagic
وهذه اداه لطيفه تسمح لك بإعداد تطبيقك للمتجر وبناء نسخه iso مع إمكانية اختبار التطبيق .
2- Vysor
وهو عبارة عن تطبيق تثبته على جهازك وتربطه بموبايل وتقدر تتابع التغيرات في التطبيق وتنفيذ التطبيق علية.
3-shorebride
وهذا أداة تسمح لك بتحديث المحتوى تبع تطبيقك في المتجر بدون عمل rebuild للتطبيق
4- Agora
وهذا ببساطه عبارة عن sdk يسمح لك بعمل real time ل اي media مثل audio او video او podcast.
5-GenyMotion
وهذا عبارة عن tool تسمح لك بتثبيت جهاز افتراضي على حاسوبك وهذا الجهاز منفصل تماما عن البيئة وهذا ما يجعل أدائها عالي جدا.
6- one signal
وهذه بديلة firebase notification وهي تعتبر مكتبه تقدر من خلالها عمل إشعارات للمستخدمين حسب ماتريد .
7-codeium
وتعتبر من ادوات AI المجانية والتي تقوم بعمل إكمال تلقائي للكود وتسهم في توفير الوقت والجهد في كتابة الكود. | 226 |
| 10 |  أكيد معظم المبرمجين سمعوا عن GitHub Copilot والمميزات الرهيبة الي تقدمها الأداة من توليد الكود حتى الوصول الى إنشاء comment عند رفع الكود الى GitHub ، بس اعتقد معظم المبرمجين ما استطاعوا يجربوا GitHub Copilot بسبب انها مدفوعة ،
في منشور سابق تحدثت عن البديل عن copilot في المساعدة في توليد واقتراح كتابة الكود بشكل مجاني تقدر تشوف المنشور هنا .
https://t.me/DES_Fiction/1874
مع Blackbox.AI، لن تضطر أبدًا إلى كتابة commit غامضة أو غير كافية. بدلاً من ذلك، ستحصل على ملخصات مفصلة تغطي جميع التغييرات الرئيسية، مثل إزالة الكود غير الضروري، تحديث استخدام widget، إضافة الملفات الجديدة ، وغيرها الكثير. هذه الرسائل الموجزة تجعل من السهل توثيق تاريخ الكود وتتبع التغييرات. | 652 |
| 11 | 5- استخدام البناء بشرط Conditional builds استخدام if الشرطية لبناء فقط اي widget باستخدام شرط معين.
6-استخدام lazy loading مثل listview.builder.
7- عند استخدام صور او ملفات احفظها في chache مثل استخدام مكتبه ChacheNetworkImage لحفظ الصور في الذاكرة المؤقتة.
8-تجنب استخدام listener و callback الغير ضرورية.
9-استخدام flutter Devtools لتحليل أداء widgets في التطبيق بحيث اذا كان هناك استهلاك للموارد او مشكلة تقدر تتبعها بسهولة تامه.
10-تجنب إفراط الاستعمال لل animation واستخدمه في أماكن لا تؤثر على أداء التطبيق .
11-استخدام مكاتب لا ادارة الحالة تبع التطبيق مثل bloc اوprovider بحيث انها ذات كفائة لا ادارة الحالة وأقل rebuild لل widgets وتعمل rebuild فقط للحاجات الضرورية.
هذه من أهم الأشياء الذي يجب النظر والاهتمام بها خلال مرحلة التطوير وان شاء الله راح نتكلم على كل بند بالتفصيل.
#yahya | 242 |
| 12 |  تحسين بناء و هيكلة widgets في flutter يجب الانتباه عليه أثناء عملية التطوير لانه يحسن من الأداء و الكفائة في التطبيق .
هناك عدة اشياء يجب الانتباه عليها لتحقيق هذا الشي :
1-استخدام stateless widgets في اي مكان يمكن استخدامها خاصة إذ widgets لا تتطلب حالات بناء كثيرة تعتبر اكثر كفائة لأنها تبني فقط مرة واحدة ولا تحتاج ل اعادة بناء مادام parents widget تم إعادة بناتها.
2- حاول انك تقلل استخدام setState اقل قدر ممكن ولا تستخدمها الا عند الضرورة او استخدام state management مثل bloc,provider... لأنها تعتبر اكثر كفائة من setState.
3- استخدم keys بعناية شديدة.
4- تجنب اعاده بناء rebuild ل اي widget ثابته ولا تحتاج إلى تغيير
وأفضل حل انك تحط قبلها const هذا يخبر flutter ان هذه ال widget ثابته وغير قابلة للتغيير. | 219 |
| 13 |  +5اهم الإضافات اللي هتسهل عليك الشغل وانت بتستخدم vs code في منها خاص ب Flutter وغيرها من لغات البرمجه او الويب :
1- PubSpec assist
تعمل على إضافة package من غير ماتخرج من vc code
وبأعلي اصدار ليها .
-------------------
2- Error Lens
تعمل على إظهار الأخطأ و wrong بلون مميز ، وتعمل على اقتراح الحلول مثلا نسيت كتابة;
-------------------
3- bloc
تعمل على إنشاء ملفات class (bloc &cubit)
4- Material Icon Theme
توفر اشكال مميزه ورائعه للملفات الخاصه بالمشروع مع إمكانية تغيير لون الايقونات
5- Image preview
تفيد انها تظهر صوره مصغره للصوره داخل vc code من غير ماتضطر تروح ملف assets عشان تشوف رابط الصوره
6- morgan.codes-theme
تغيير الثيم الخاص ب vc code
7- Better Comments
ودي بتميزلك ما بين كل comment و التاني زي ال TODOS و الHighlights
#VsCode #Extensions | 256 |
| 14 |  من المواضيع المهمه الذي يجب التركيز عليها عند تصميم الواجهات موضوع
Responsive and Adaptive
طيب
ايش الفرق بينهم ؟
راح اقول لك با اختصار الفرق
1-Responsive
انو تصميمك يكون تصميم واحد ينعرض بنفس الشكل والترتيب سواء كانت الشاشة شاشه موبايل او تابلت او جهاز كمبيوتر او اكبر
2- Adaptive
هنا بيكون الموضوع شوي مختلف بحيث انو كل منصه او يحتاج لها تصميم مختلف عن غيرة
فمثلا تريد تصميم للموبايل يختلف عن تصميم التابلت والكمبيوتر وغيرها من المنصات
وكذلك نفس الحال مع بقيه المنصات
طيب السؤال هنا كيف اقدر احقق موضوع responsive و Adaptive
بالنسبة الفلاتر هناك الكثير من الأدوات الذي تساعدنا لتحقيق هذا الهدف
أولا Adaptive
في widget تقدر تعرض من خلالها تصميم لكل منصه اسم الودجيت LayoutBuilder
من خلال هذه وبمساعده ال Mediaquery تقدر تحقق هذا الموضوع
ثانيا responsive
فلاتر وفرت الكثير من الأدوات لتحقيق هذا الموضوع وهذه أغلب الأدوات استخداما
Expanded
FitedBox
Felixable
AspectRatio
MediaQuery
هذه بعض الادوات ولكن يجب عليك معرفه متى وين يجب عليك استخدام كل اده وماهي المشاكل المترتبة عليها اذا استخدمتها بشكل خاطئ | 442 |
| 15 |  الكثير يتسأل احيانا ليش الأداء في التطبيق بطيء وخاصة إذا كان هناك بيانات كبيرة وتعرضها على اي نوع من انواع list
سواء listView او gridView ....
وهذا السبب يعود إلى أن اي نوع من الأنواع السابقة الذي ذكرت هي تبني جميع العناصر الموجودة في list مرة واحدة مما يسبب بطئ في التطبيق
ولحل هذه المعظلة استخدم
lazily build
مثل
infinite scrolling مثل.
Pagination
بحيث فقط تعطي او تبني فقط العناصر بحجم الشاشة وعند ال scroll تعطي فقط عناصر او items ما يقابل ارتفاع الشاشة ولا تعمل build لجميع العناصر الموجودة في list
هذا يساعد في تحسين أداء التطبيق بواسطة عدم بناء جميع العناصر مرة واحدة واستهلاك الموارد مثل الذاكرة وبناء وعرض فقط مايكون ضروري .
كما يحسن أداء ال smooth scrolling أيضا يضيف خاصية scalability عندما تكون البيانات من قاعدة بيانات كبيرة بدون تأثير على الأداء. | 190 |
| 16 | ك مطور تطبيقات في حاجات مهمة لازم تضيفها قبل رفع التطبيق الى المتجر سواء طلب العميل او لا
من أهم الأشياء الذي يجب عليك اضافتها
١-ميزة الاشعارات وهذه طبعا خدمه مجانية من firebase وبهذه الخدمه تقدر تبلغ المستخدمين عن أي شي يحدث او اي شي جديد في التطبيق .
٢-خدمة التحديث الإجباري اجبار المستخدم على تحديث التطبيق في حالة هناك مثلا مشاكل او ثغرات ورفعت تحديث جديد يظهر للمستخدم أنه يجب ان يحدث التطبيق والا لا يمكنه استخدامه طبعا هناك عدة طرق لعمل هذه الميزة.
٣- اضافة ميزة تتبع المشاكل و الأخطاء في التطبيق crashlytics وايضا هذه خدمة مجانية من firebase بحيث انه اذا حدث خطأ او عطل في التطبيق يرسل اشعار للايميل يوضح لك الخطاء ووين بيكون
هذا بيسهل عليك اكتشاف وتحديد مكان المشكله بالضبط ومعالجتها بسهولة. | 211 |
| 17 | 20 خطوة لو طبقتها على مشروعك راح تحسنه بشكل كبير سواء من ناحية الأداء او قابلية الصيانه او الجودة العالية
١-اتباع نفس نمط تعليمات flutter وذالك من خلال قرآءة التوثيق الرسمي من الموقع الخاص ب flutter و dart .
٢-استخدم const أينما يمكنك استخدامه سواء ل widget او object هذا يحسن الأداء ويقلل عمليه إعادة البناء.
٣-تقسيم اي widget الى widget صغيرة بحيث يمكنك اعاده الاستخدام لنفس ال widget وايضا يسهل عمليه التطوير والصيانه فيما بعد.
٤-استخدام state management مناسبة للمشروع حسب متطلبات المشروع وفصل state management عن ui يسهل من قابلية الاختبار وسهوله الصيانه.
٥- تصنيف و تقسيم مجلدات وملفات المشروع الى screens, widgets, models, services, and assets
بحيث التقسيم الصحيح للمشروع يسهل من عمليه التصفح للمشروع والتطوير والصيانه.
٦-تجنب بناء widget كبيرة وعليك تقسيمها الى widget صغيرة مما يسهل انها تكون قابله للقراءة وسهله في الاختبار.
٧-استخدم keys بحكمه وعناية وفي حاله الضرورة وتجنب اكبر قدر ممكن من استخدام global keys
٩-استخدم التعليقات والتوثيق خصوصا عندما يكون الكود معقد هذا يساعد المطورين الآخرين من فهم كودك.
١٠-معالجه الأخطاء ل
network requests, asynchronous operations
وإظهار رسالة مفهومه للمستخدم في حاله الخطاء.
١١-بناء واجهات متجاوبه ومتكيفه مع مختلف أحجام الشاشات باستخدام
Flutter’s responsive layout tools.
١٢-تصميم وتطوير التطبيق بحيث يدعم لغات متعدده هذا يجعل التطبيق متاح ل اكبر قدر ممكن من المستخدمين للغات مختلفه ل استخدام التطبيق .
١٣-استخدم Flutter’s theme system
لتنسيق الوان وخطوط وانماط التطبيق.
١٤-تحسين أداء التطبيق وذالك باستخدام ادوات devtools واستخدم const ل اي widget لايتم اعاده بنائها وايضا استخدام lazy build مثل ListView.builder
١٥-اختبر كل widget منفصله لضمان صحه الأداء للعمليات في التطبيق.
١٦-قم بإعداد مسارات التكامل المستمر (CI) والنشر المستمر (CD) لأتمتة الاختبار ونشر التطبيق.
١٧- تحديث Dependencies للتطبيق ب استمرار للاستفاده من الأداء وحل المشاكل والمميزات الجديدة.
١٨-استخدام ادوات التحكم في الإصدارات مثل git ل تتبع التغيرات في المشروع والتعاون مع المطورين الآخرين .
١٩-استخدم أدوات تحليل التعليمات البرمجية الثابتة مثل
Dart analysis
و
Linters (pedantic) لاكتشاف المشكلات المحتملة في قاعدة التعليمات البرمجية الخاصة بك.
٢٠-ابقى مطلع على كل جديد من flutter سواء في المكاتب او فلاتر نفسها وأفضل ممارسة هي قرآءة التوثيق الرسمي ل flutter و مدونات وايضا المجتمعات الخاصة ب flutter. | 203 |
| 18 |  في بعض التطبيقات، نحتاج إلى تخزين مفاتيح API وملفات التكوين السرية SECRET_KEY، وعلينا أن نحمي هذه البيانات من أي اختراق محتمل. يصبح هذا الأمر أكثر أهمية عندما يتعامل المستخدم مع واجهات برمجة التطبيقات الخارجية (APIs) من أطراف ثالثة.
كمهندسي برمجيات، من الضروري أن نتوقع أسوأ السيناريوهات ونتخذ الاحتياطات اللازمة لتجنبها قدر الإمكان.
يعد استخدام التخزين المحلي لهذه البيانات حل لابأس به ، خاصة عندما لا تأتي البيانات من خوادم المستخدم
بهذه الطريقة، يمكنك تعزيز أمان تطبيقك وحماية بياناتك الحساسة بهذه الطريقة أدناه
تأكد من إضافة الملفات الحساسة إلى .gitignore لتجنب رفعها عن طريق الخطأ إلى مستودعات Git. | 225 |
| 19 |  في مشاريع فلاتر الكبيره، قد توكل إليك مهام حذف الملفات والصفحات الغير مستخدمة .وتحتاج أن تمر على العديد من ملفات pages و widgets ، الأمر ممل للغالية.
جرّب إكستنشن Find Unused Dart File في vc code, التي تساعد في العثور على ملفات Dart غير المستخدمة بسهولة.
يمكن ايضاً إيجاد packages الغير مستخدمة
وكذلك assets الغير مستخدمة أيضا.
ملاحظه: تصحيح امر المكتوب في الصوره هو Ctrl+shift+p
#Flutter #Dart #CleanCode #MobileDevelopment
--- | 238 |
| 20 |  أود أن أوصي بالبرنامج المساعد Codeium. مساعد coding الذكاء الاصطناعي المجاني.
يدعم Dart/ Flutter
لقد قدمت هنا أبسط مثال (فيديو)، ولكن بشكل عام، فإنه يوفر لي قدرًا كبيرًا من الوقت.
يتذكر أسلوبك وعندما تكتب تعليمات برمجية مماثلة، يستبدل التعليمات البرمجية المستخدمة مسبقًا.
غالبًا ما تكون المتغيرات والكيانات والدوال التي ضافها مختلفة تمامًا عن السابق
ولا انسئ يجيد التعليق بشكل جيد ☻
ملاحظة: بالطبع لن يكتب لك الكود😄 ولكن يمكن التخلص من ballerplate الزائدة
يمكنك البحث عليه VS Code ⇒extension⇒ = codeium
الاستخدام ↯
ما عليك سوى وضع مسافة في الكود.
او. الضغط علئ. Tab .
يمكنك أيضًا تغيير الكود المقترح.
وايضا يمكنك كتابة وصف لما تود ٲن يكتبه او يضيفة للكود
CTRL + I | 256 |
