مكتبة sidebarx في Flutter تُتيح لك إنشاء شريط تنقُّل جانبي مَرن وسهل الاستخدام يدعم عدّة منصّات مثل الأجهزة المحمولة وسطح المكتب والويب. تُوفّر المكتبة خيارات تخصيص مُتقدّمة لتُناسب تصاميم وأحجام جميع الشاشات.
🟢 رابط المكتبة:
- https://pub.dev/packages/sidebarx
#مكتبات_أعجبتني
🟢 رابط المكتبة:
- https://pub.dev/packages/sidebarx
#مكتبات_أعجبتني
Dart packages
sidebarx | Flutter package
flutter multiplatform navigation sidebar / side navigationbar / drawer widget
مكتبة talker_flutter في Flutter تُتيح لك تسجيل وتتبُّع الأحداث والأخطاء في تطبيقاتك بطريقة مَرنة وسهلة. تُوفّر واجهة مُستخدِم لتصفية وتصفُّح السجلات والأخطاء بشكلٍ تفاعُلي. تستطيع ربط المكتبة مع الخدمات والمكتبات الخاصّة بالتبليغ عن الأخطاء مثل Sentry و Firebase Crashlytics وغيرها!
🟢 لتجربة خصائص وميّزات المكتبة قبل استخدامها:
- https://frezyx.github.io/talker/#/products-list
🟢 رابط المكتبة:
- https://pub.dev/packages/talker_flutter
#مكتبات_أعجبتني
🟢 لتجربة خصائص وميّزات المكتبة قبل استخدامها:
- https://frezyx.github.io/talker/#/products-list
🟢 رابط المكتبة:
- https://pub.dev/packages/talker_flutter
#مكتبات_أعجبتني
frezyx.github.io
Talker
Advanced error handler and logger for dart and flutter apps ☎️
هل تعلم أنّه في التحديث الأخير لِـ Flutter (تحديث 3.24) والذي تم إصدارُه قبل عدّة أيام، تم فيه ترقية الـ Flutter GPU والذي من خلاله تستطيع صِناعة تطبيقات وألعاب بجرافيكس مُعقّد ثُلاثي الأبعاد (3D) وبشكل مُتقدّم واحترافي! كُل هذا باستخدام Dart و Flutter فقط!
🟢 رابط الإعلان عن التحديث الجديد (3.24):
- https://medium.com/flutter/whats-new-in-flutter-3-24-6c040f87d1e4
🟢 رابط المقالة الخاصّة بِـ Flutter GPU:
- https://medium.com/flutter/getting-started-with-flutter-gpu-f33d497b7c11
🟢 رابط الإعلان عن التحديث الجديد (3.24):
- https://medium.com/flutter/whats-new-in-flutter-3-24-6c040f87d1e4
🟢 رابط المقالة الخاصّة بِـ Flutter GPU:
- https://medium.com/flutter/getting-started-with-flutter-gpu-f33d497b7c11
Medium
What’s new in Flutter 3.24
Unleashing Flutter GPU, Multi-View Embedding, and More
مقطع يوتيوب جديد أكثر من رائع! يتحدّث عن كيفيّة تسريع عملك في Flutter من خلال بعض الإضافات المُفيدة في VS Code (يُوجد بديل لبعضها في Android Studio) والـ Best Practices عندك كتابة بعض الأكواد البرمجيّة في Dart وأيضًا بعض الويدجتس (Widgets) المُفيدة بالإضافة إلى بعض الأخطاء الشائعة عند البرمجة باستخدام Flutter وكيفيّة تجنُّبها.
🟢 رابط المقطع:
- https://youtu.be/8oIsZEhnqtA
🟢 رابط المقطع:
- https://youtu.be/8oIsZEhnqtA
YouTube
10x Your Speed With Flutter
Master app development 👉 https://fluttermapp.com/
Mastering Flutter: Best Extensions, Dart Tips, Widgets & Speed Hacks. In this video, I’ll walk you through essential tools and tips for enhancing your Flutter development workflow. From must-have VSCode extensions…
Mastering Flutter: Best Extensions, Dart Tips, Widgets & Speed Hacks. In this video, I’ll walk you through essential tools and tips for enhancing your Flutter development workflow. From must-have VSCode extensions…
فلاتر السعودية - Saudi Flutter
مقطع يوتيوب جديد أكثر من رائع! يتحدّث عن كيفيّة تسريع عملك في Flutter من خلال بعض الإضافات المُفيدة في VS Code (يُوجد بديل لبعضها في Android Studio) والـ Best Practices عندك كتابة بعض الأكواد البرمجيّة في Dart وأيضًا بعض الويدجتس (Widgets) المُفيدة بالإضافة…
إضافة Better Highlights على Android Studio تُتيح لك إضافة تعليقات (Comments) بشكل احترافي بالإضافة إلى إظهار الـ Complexity لكُل دالّة (Method) حتّى تستطيع ترتيب الكود البرمجي بشكل أفضل ويكون أوضح في القراءة والفهم.
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/12895-better-highlights
#إضافات_أعجبتني
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/12895-better-highlights
#إضافات_أعجبتني
JetBrains Marketplace
Better Highlights - IntelliJ IDEs Plugin | Marketplace
Features: Colorize comments. Reference source code in comments. Show cognitive complexity for methods. Use gutter icons for highlights. Highlight regions (whole line...
فلاتر السعودية - Saudi Flutter
مقطع يوتيوب جديد أكثر من رائع! يتحدّث عن كيفيّة تسريع عملك في Flutter من خلال بعض الإضافات المُفيدة في VS Code (يُوجد بديل لبعضها في Android Studio) والـ Best Practices عندك كتابة بعض الأكواد البرمجيّة في Dart وأيضًا بعض الويدجتس (Widgets) المُفيدة بالإضافة…
إضافة Image Icon Viewer على Android Studio تقوم بإظهار مُعاينة مُصغّرة للصور والأيقونات في المشروع بدون الحاجة لفتح كُل صورة أو أيقونة على حدة.
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/11096-image-icon-viewer
#إضافات_أعجبتني
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/11096-image-icon-viewer
#إضافات_أعجبتني
JetBrains Marketplace
Image Icon Viewer - IntelliJ IDEs Plugin | Marketplace
Image Icon Viewer Preview project images right inside the Project View or Tabs. This is particularly helpful when working with icons, as it gives you a preview without...
فلاتر السعودية - Saudi Flutter
مقطع يوتيوب جديد أكثر من رائع! يتحدّث عن كيفيّة تسريع عملك في Flutter من خلال بعض الإضافات المُفيدة في VS Code (يُوجد بديل لبعضها في Android Studio) والـ Best Practices عندك كتابة بعض الأكواد البرمجيّة في Dart وأيضًا بعض الويدجتس (Widgets) المُفيدة بالإضافة…
إضافة Inspection Lens على Android Studio تقوم بإظهار الأخطاء والتحذيرات والمشاكل البرمجيّة الأُخرى أمام كل سطر برمجي بشكل واضح وفعّال لمعرفة المُشكلة وحلّها.
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/19678-inspection-lens
#إضافات_أعجبتني
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/19678-inspection-lens
#إضافات_أعجبتني
JetBrains Marketplace
Inspection Lens - IntelliJ IDEs Plugin | Marketplace
Displays errors, warnings, and other inspections inline. Highlights the background of lines with inspections. Supports light and dark themes out of the box. By...
فلاتر السعودية - Saudi Flutter
مقطع يوتيوب جديد أكثر من رائع! يتحدّث عن كيفيّة تسريع عملك في Flutter من خلال بعض الإضافات المُفيدة في VS Code (يُوجد بديل لبعضها في Android Studio) والـ Best Practices عندك كتابة بعض الأكواد البرمجيّة في Dart وأيضًا بعض الويدجتس (Widgets) المُفيدة بالإضافة…
إضافة One Dark Theme على Android Studio: أفضل وأجمل ثيم أستخدمه مُنذ سنوات في Android Studio 👌🏼.
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/11938-one-dark-theme
#إضافات_أعجبتني
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/11938-one-dark-theme
#إضافات_أعجبتني
JetBrains Marketplace
One Dark Theme - IntelliJ IDEs Plugin | Marketplace
One Dark theme for JetBrains. After installing the theme, go to Preferences | Appearance & Behavior | Appearance and select the One Dark theme (or Islands variant...
مكتبة logger في Flutter تُتيح لك طباعة السجلّات بأنواعها مع خيارات مُتعدّدة لتنسيقها. تُساعد بشكل كبير في تحسين تجربة التطوير 👌🏼.
🟢 رابط المكتبة:
- https://pub.dev/packages/logger
#مكتبات_أعجبتني
🟢 رابط المكتبة:
- https://pub.dev/packages/logger
#مكتبات_أعجبتني
Dart packages
logger | Dart package
Small, easy to use and extensible logger which prints beautiful logs.
موقع FlutterLibrary: موقع جديد يحتوي على تصاميم جاهزة لواجهات تطبيقات Flutter بجميع أنواعها وأشكالها، مثل واجهات التسجيل وتسجيل الدخول والتحقُّق والقوائم وغيرها الكثير! كُل ما عليك هو نسخ الكود البرمجي للواجهة التي تُريدها ومن ثم لصق الكود في الـ IDE وستظهر لك الواجهة كما هي! الموقع مُحدّث باستمرار بواجهات جديدة واحترافيّة 👌🏼.
🟢 رابط الموقع:
- https://www.flutterlibrary.com
#مواقع_أعجبتني
🟢 رابط الموقع:
- https://www.flutterlibrary.com
#مواقع_أعجبتني
Flutter Library
Flutter Library: Custom packages, components, & templates
Get free and premium Flutter and Figma templates, UI kits, components, and widgets. These resources will help you start your projects and speed up your development.
مقطع يوتيوب جديد يُوضّح باختصار كيفيّة عمل واجهات Flutter بحيث تكون هذه الواجهات مُتناسِقة وتعمل بالشكل المطلوب على جميع أحجام الشاشات.
🟢 رابط المقطع:
- https://youtu.be/V0_baZFor8U?si=viGZ8InruDr2AiFH
🟢 رابط المقطع:
- https://youtu.be/V0_baZFor8U?si=viGZ8InruDr2AiFH
YouTube
Flutter Responsive UI
Flutter supports Mobile, Web, and Desktop platforms. When developing a Flutter app for Web or Desktop, it's important to have a responsive UI because users can change the size of their screen. In this tutorial, I created a responsive.dart file, which includes…
الجميل في Flutter أنه بإمكانك استخدام تصميم مُعيّن مثلًا للأزرار في تطبيقك بحيث تقوم بكتابة الكود الخاص بالتصميم هذا مرةً واحدة وسيتم تطبيقه على كل زر يتم إنشاؤه لاحقًا في كل صفحة وبشكل تلقائي دون الحاجة لتكرار الكود أو التصميم.
🟢 مِثال:
- https://youtube.com/shorts/oHuoT5VJeno?si=GtW87KKVPiUVDxqU
🟢 مِثال:
- https://youtube.com/shorts/oHuoT5VJeno?si=GtW87KKVPiUVDxqU
فلاتر السعودية - Saudi Flutter
في التحديثات الأخيرة لأندرويد أُستوديو (Android Studio)، تمّت إضافة ميّزة Gemini AI داخل الـ IDE، بحيث تُساعدك هذه الميّزة باستخدام الذكاء الاصطناعي في قراءة كودك البرمجي وحل المشاكل البرمجيّة، إضافة التعليقات لكودك، الإجابة عن أسئلة عامّة مُتعلّقة بالبرمجة،…
ثلاثة من أفضل وأشهر الإضافات الخاصّة بالذكاء الاصطناعي والتي تُساعدُك على كتابة الأكواد البرمجيّة بشكلٍ أسرع وحل المشاكل والأخطاء بأفضل الطُرُق:
1. إضافة ChatGPT - EasyCode.
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/20603-chatgpt--easycode
2. إضافة Codeium: AI Autocomplete and Chat.
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/20540-codeium-ai-autocomplete-and-chat-for-python-js-java-go--
3. إضافة ChatGPT GPT-4o - Bito AI Code Assistant.
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/18289-chatgpt-gpt-4o--bito-ai-code-assistant
#إضافات_أعجبتني
1. إضافة ChatGPT - EasyCode.
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/20603-chatgpt--easycode
2. إضافة Codeium: AI Autocomplete and Chat.
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/20540-codeium-ai-autocomplete-and-chat-for-python-js-java-go--
3. إضافة ChatGPT GPT-4o - Bito AI Code Assistant.
🟢 رابط الإضافة:
- https://plugins.jetbrains.com/plugin/18289-chatgpt-gpt-4o--bito-ai-code-assistant
🟢 هذه الإضافات غير رسميّة مثل إضافة Gemini AI والتي تأتي مُدمَجَة في أندرويد أُستوديو (كمثال).
🟢 هذه الإضافات مُتوفّرة على كُلًا من أندرويد أُستوديو و VS Code.
#إضافات_أعجبتني
JetBrains Marketplace
ChatGPT - EasyCode - IntelliJ IDEs Plugin | Marketplace
Use ChatGPT inside the IDE, with codebase indexing brought to you by EasyCode. EasyCode is an AI that understands your codebase. Features include: Support for GPT-4.1...
في التحديث الأخير لِـ Flutter (تحديث 3.27) والذي تم إصدارُه قبل مُدّة، تمّت إضافة العديد من الميّزات، منها: المسافة المُوحّدة بين العناصر داخل الـ Columns والـ Rows دون الحاجة لكتابة extension خاصّة لعمل ذلك، بالإضافة إلى الكثير من التحسينات على الأندرويد والويب والـ iOS وغيرها.
🟢 رابط الإعلان عن التحديث الجديد (3.27):
- https://medium.com/flutter/whats-new-in-flutter-3-27-28341129570c
🟢 رابط الإعلان عن التحديث الجديد (3.27):
- https://medium.com/flutter/whats-new-in-flutter-3-27-28341129570c
Medium
What’s new in Flutter 3.27
Elevating App Development with Impeller, Cupertino Updates, and More
عند الحاجة لاستخدام أي مكتبة خارجيّة في Flutter من الموقع الرسمي pub.dev، الأفضل دائمًا مُراعاة التالي عند اختيار المكتبة:
1. آخر تحديث تم على المكتبة، مِثال: Published 28 days ago.
2. أن تكون المكتبة من مُطوّر موثوق (يكون شعار التوثيق بجانب اسم المُطوّر) ولديه موقع رسمي.
3. أن تكون المكتبة مُتوافِقَة مع Dart 3.
4. أن تكون المكتبة داعمة لكُل المنصّات التي يُمكن إطلاق التطبيق المبني باستخدام Flutter عليها: أندرويد، iOS، لينكس، macOS، ويب، ويندوز.
5. أن تكون الإعجابات عليها كثيرة.
6. أن تكون النقاط أو الـ Scores الحاصلة عليها المكتبة كاملة: 160/160.
7. أن يكون عدد تحميلات المكتبة عدد كبير.
8. وأخيرًا، أن تكون المكتبة حاصلة على شعار Flutter Favorite.
🟢 مِثال على المكتبة المثاليّة:
- https://pub.dev/packages/share_plus
1. آخر تحديث تم على المكتبة، مِثال: Published 28 days ago.
2. أن تكون المكتبة من مُطوّر موثوق (يكون شعار التوثيق بجانب اسم المُطوّر) ولديه موقع رسمي.
3. أن تكون المكتبة مُتوافِقَة مع Dart 3.
4. أن تكون المكتبة داعمة لكُل المنصّات التي يُمكن إطلاق التطبيق المبني باستخدام Flutter عليها: أندرويد، iOS، لينكس، macOS، ويب، ويندوز.
5. أن تكون الإعجابات عليها كثيرة.
6. أن تكون النقاط أو الـ Scores الحاصلة عليها المكتبة كاملة: 160/160.
7. أن يكون عدد تحميلات المكتبة عدد كبير.
8. وأخيرًا، أن تكون المكتبة حاصلة على شعار Flutter Favorite.
🟢 مِثال على المكتبة المثاليّة:
- https://pub.dev/packages/share_plus
Dart packages
share_plus | Flutter package
Flutter plugin for sharing content via the platform share UI, using the ACTION_SEND intent on Android and UIActivityViewController on iOS.
فلاتر السعودية - Saudi Flutter pinned «عند الحاجة لاستخدام أي مكتبة خارجيّة في Flutter من الموقع الرسمي pub.dev، الأفضل دائمًا مُراعاة التالي عند اختيار المكتبة: 1. آخر تحديث تم على المكتبة، مِثال: Published 28 days ago. 2. أن تكون المكتبة من مُطوّر موثوق (يكون شعار التوثيق بجانب اسم المُطوّر)…»
في التحديث الأخير لأندرويد أُستوديو (Ladybug Feature Drop | 2024.2.2) تمّت إضافة بعض الميّزات المُفيدة، منها: إمكانيّة الإكمال التلقائي للكود البرمجي أثناء الكتابة وإظهار اقتراحات ذكيّة لإعادة تسمية المُتغيّرات وكتابة التعليقات على الكود البرمجي وتحويل الكود وغيرها من الميّزات.. كُل ذلك باستخدام Gemini فقط.
🟢 لقراءة جميع تفاصيل التغييرات الجديدة:
- https://developer.android.com/studio/releases
🟢 لقراءة جميع تفاصيل التغييرات الجديدة:
- https://developer.android.com/studio/releases
Android Developers
Android Studio Otter 3 Feature Drop | Android Developers
Discover what's new in the latest versions of Android Studio, the official IDE for Android.
اختصارات IntelliJ IDEA و Android Studio أثناء التطوير لِـ Flutter:
- https://codewithandrea.com/articles/intellij-keyboard-shortcuts-flutter-development/
- https://codewithandrea.com/articles/intellij-keyboard-shortcuts-flutter-development/
Code With Andrea
IntelliJ / Android Studio Shortcuts for Flutter Development
List of the most useful IntelliJ/Android Studio shortcuts for better productivity.
اختصارات، إضافات، وإعدادات VS Code أثناء التطوير لِـ Flutter:
- https://codewithandrea.com/articles/vscode-shortcuts-extensions-settings-flutter-development/
- https://codewithandrea.com/articles/vscode-shortcuts-extensions-settings-flutter-development/
Code With Andrea
VSCode Shortcuts, Extensions & Settings for Flutter Development
A curated list of popular VSCode shortcuts, extensions & settings to speed-up your Flutter development workflow and code like a pro.