مقطع يوتيوب جديد يُوضّح باختصار كيفيّة عمل واجهات 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.
ما هي أنواع الـ Widget Keys في Flutter، ومتى تستخدِمُها؟
- https://www.youtube.com/watch?v=kn0EOS-ZiIc
- https://www.youtube.com/watch?v=kn0EOS-ZiIc
YouTube
When to Use Keys - Flutter Widgets 101 Ep. 4
In this episode, you will learn about key parameters on widgets: when you need keys, where to put keys in your widget tree, and which key is right for you. More specifically, you'll learn about he nuances of how keys work, discern when to use keys in your…
ما هو الفرق بين الـ Widgets و الـ Helper methods في Flutter؟ ولماذا استخدام الويدجتس أفضل؟
- https://www.youtube.com/watch?v=IOyq-eTRhvo
- https://www.youtube.com/watch?v=IOyq-eTRhvo
YouTube
Widgets vs helper methods | Decoding Flutter
Flutter developers are well-acquainted with widget build methods that grow, and grow… and grow. In this video, Craig Labenz compares two different ways to break up those unwieldy build methods; and how the best option may be different than what you originally…
ما هو الفرق بين Go و Push عند استخدام مكتبة GoRouter في Flutter؟
- https://codewithandrea.com/articles/flutter-navigation-gorouter-go-vs-push/
🟢 رابط مكتبة GoRouter:
- https://pub.dev/packages/go_router
#مكتبات_أعجبتني
- https://codewithandrea.com/articles/flutter-navigation-gorouter-go-vs-push/
🟢 رابط مكتبة GoRouter:
- https://pub.dev/packages/go_router
#مكتبات_أعجبتني
Code With Andrea
Flutter Navigation with GoRouter: Go vs Push
An in-depth explanation of the difference between Go and Push when using GoRouter for declarative routing.
ما هو الفرق بين Feature-first و Layer-first في هيكلة مشاريع Flutter؟ ولماذا Feature-first أفضل على المدى البعيد خاصّةً مع المشاريع الكبيرة؟
- https://codewithandrea.com/articles/flutter-project-structure/
- https://codewithandrea.com/articles/flutter-project-structure/
Code With Andrea
Flutter Project Structure: Feature-first or Layer-first?
An overview of the feature-first and layer-first approaches when choosing a project structure for medium/large Flutter apps, along with their tradeoffs and common pitfalls.
كيفيّة تخزين الـ API Keys في Flutter، ما هو الفرق بين —dart-define وملفّات .env؟
- https://codewithandrea.com/articles/flutter-api-keys-dart-define-env-files/
- https://codewithandrea.com/articles/flutter-api-keys-dart-define-env-files/
Code With Andrea
How to Store API Keys in Flutter: --dart-define vs .env files
An overview of different techniques for storing API keys on the client, along with security best practices to prevent them from being stolen.
فلاتر السعودية - Saudi Flutter
كيفيّة تحويل الـ JSON في Flutter: - https://codewithandrea.com/articles/parse-json-dart/
YouTube
Flutter Code Generation - What You Need To Know
Code generation can be pretty powerful but you need to know when to use it and when not to use it! We will cover everything from using code generation to when you maybe should not use it.
The Best Flutter Course on the Internet 👉 https://www.hungrimind.…
The Best Flutter Course on the Internet 👉 https://www.hungrimind.…
مقطع يوتيوب جميل يشرح Flutter Testing للمُبتدئِين، يَضُم المقطع كُلًّا مِن:
1. Unit Testing.
2. Mocks.
3. Widget Testing.
4. Integration Testing.
🟢 رابط المقطع:
- https://www.youtube.com/watch?v=RDY6UYh-nyg
1. Unit Testing.
2. Mocks.
3. Widget Testing.
4. Integration Testing.
🟢 رابط المقطع:
- https://www.youtube.com/watch?v=RDY6UYh-nyg
YouTube
Flutter Testing For Beginners - The Ultimate Guide
✅ Learn to write tests in a maintainable way: https://www.hungrimind.com/learn/flutter
0:00 Overview
0:27 Unit testing
3:13 Mocks
4:35 Widget Testing
8:04 Integration Testing
Riverpod: https://youtu.be/GVspNESSess
Source code: https://github.com/Rober…
0:00 Overview
0:27 Unit testing
3:13 Mocks
4:35 Widget Testing
8:04 Integration Testing
Riverpod: https://youtu.be/GVspNESSess
Source code: https://github.com/Rober…
ماهية الـ Golden tests في Flutter؟
- https://medium.com/flutter-community/flutter-golden-tests-compare-widgets-with-snapshots-27f83f266cea
- https://medium.com/flutter-community/flutter-golden-tests-compare-widgets-with-snapshots-27f83f266cea
Medium
Flutter: Golden tests — compare Widgets with Snapshots
Testing is very important to deliver apps with the best quality. In this article, I’d like to tell about one of the less known features of…