فلاتر السعودية - Saudi Flutter pinned «كتاب الطبخ الخاص بِـ Flutter! يحتوي كتاب الطبخ هذا على وصفات تُوضّح كيفيّة حل المشاكل الشائعة أثناء كتابة تطبيقات Flutter. كُل وصفة مُستقِلّة، ويُمكن استخدامها كمرجع لمُساعدتك في إنشاء تطبيق. - https://docs.flutter.dev/cookbook»
من أفضل القنوات على اليوتيوب لتعلُّم تصميم الواجهات والأنيميشن وتحويل التصاميم إلى واجهات فعليّة وتطبيقات Flutter باحترافيّة عالية:
- https://youtube.com/@theflutterway
- https://youtube.com/@theflutterway
YouTube
The Flutter Way
Want to improve your flutter skill? Join our channel, learn how to become an expert flutter developer and land your next dream job!
❤1
من أفضل وأشهر المواقع التي تُقدّم خدمة BaaS أو Backend as a Service هو موقع Firebase من Google. الغرض من استخدام مثل هذه المواقع أو الخدمات هو تسريع عمليّة التطوير والتركيز على بناء واجهة وتجربة المُستخدِم بدلًا من بناء الخادم وتطوير كُل البُنية التحتيّة من الصفر.
موقع Firebase يُقدّم خدمات كثيرة ومُتنوّعة، مثل:
Authentication, NoSQL Databases, Data Storage, Cloud Functions, Notifications, Analytics, Test Labs
وغيرها الكثير.
موقع Firebase من أفضل المواقع لاستخدامه أثناء التطوير باستخدام Flutter خاصةً إذا كان المشروع مشروع شخصي ولا تُوجد ميزانيّة كبيرة للمشروع.
- https://firebase.google.com/
موقع Firebase يُقدّم خدمات كثيرة ومُتنوّعة، مثل:
Authentication, NoSQL Databases, Data Storage, Cloud Functions, Notifications, Analytics, Test Labs
وغيرها الكثير.
موقع Firebase من أفضل المواقع لاستخدامه أثناء التطوير باستخدام Flutter خاصةً إذا كان المشروع مشروع شخصي ولا تُوجد ميزانيّة كبيرة للمشروع.
- https://firebase.google.com/
فلاتر السعودية - Saudi Flutter pinned «من أفضل وأشهر المواقع التي تُقدّم خدمة BaaS أو Backend as a Service هو موقع Firebase من Google. الغرض من استخدام مثل هذه المواقع أو الخدمات هو تسريع عمليّة التطوير والتركيز على بناء واجهة وتجربة المُستخدِم بدلًا من بناء الخادم وتطوير كُل البُنية التحتيّة من…»
فلاتر السعودية - Saudi Flutter
من أفضل القنوات على اليوتيوب لتعلُّم تصميم الواجهات والأنيميشن وتحويل التصاميم إلى واجهات فعليّة وتطبيقات Flutter باحترافيّة عالية: - https://youtube.com/@theflutterway
من أفضل القنوات على اليوتيوب لتعلُّم Flutter وكيفيّة تطبيق بعض الويدجتس (Widgets) المشهورة، وغيرها الكثير:
- https://youtube.com/@fluttermapp
- https://youtube.com/@fluttermapp
YouTube
Flutter Mapp
Flutter is a UI Toolkit built by Google which use Dart programming Language and is used to build any Mobile Apps. We code Flutter apps on the channel and make coding related videos.
0 Subs - 1st January 2021
10,000 Subs - 23 July 2021
20,000 Subs - 27 September…
0 Subs - 1st January 2021
10,000 Subs - 23 July 2021
20,000 Subs - 27 September…
مكتبة flex_color_scheme في Flutter تُسهّل إنشاء ثيمات مُتوافقة مع تصميم Material Design. تُقدم المكتبة ميّزات مُتقدمة مثل تخصيص الألوان ودعم تصميم Material 2 و Material 3، بالإضافة إلى قوالب جاهزة يُمكن استخدامها وتخصيصها.
🟢 لتجربة خصائص وميّزات المكتبة قبل استخدامها:
- https://rydmike.com/flexcolorscheme/themesplayground-latest
🟢 رابط المكتبة:
- https://pub.dev/packages/flex_color_scheme
#مكتبات_أعجبتني
من أفضل المكتبات التي استخدمتها لبناء تطبيقات Flutter بواجهاتٍ جميلة وبشكلٍ سريع!
🟢 لتجربة خصائص وميّزات المكتبة قبل استخدامها:
- https://rydmike.com/flexcolorscheme/themesplayground-latest
🟢 رابط المكتبة:
- https://pub.dev/packages/flex_color_scheme
#مكتبات_أعجبتني
Dart packages
flex_color_scheme | Flutter package
A Flutter package to use and make beautiful Material design based themes.
مكتبة flex_color_picker في Flutter تُتيح لك إمكانيّة اختيار ألوان قابلة للتخصيص بشكلٍ مرن وسهل في تطبيقك، مع دعم منصّات مُتعدّدة وتوفير أدوات مُتنوّعة لتخصيص واجهة وتجربة المُستخدِم.
🟢 لتجربة خصائص وميّزات المكتبة قبل استخدامها:
- https://rydmike.com/flexcolorpicker
🟢 رابط المكتبة:
- https://pub.dev/packages/flex_color_picker
#مكتبات_أعجبتني
🟢 لتجربة خصائص وميّزات المكتبة قبل استخدامها:
- https://rydmike.com/flexcolorpicker
🟢 رابط المكتبة:
- https://pub.dev/packages/flex_color_picker
#مكتبات_أعجبتني
Rydmike
example
A new Flutter project.
مكتبة group_button في Flutter تُتيح لك إنشاء مجموعة من الأزرار بسهولة، مثل أزرار الـ Radio وأزرار الـ Checkbox وغيرها. تُوفّر المكتبة أدوات لتخصيص مظهر ووظائف الأزرار بشكلٍ احترافي.
🟢 رابط المكتبة:
- https://pub.dev/packages/group_button
#مكتبات_أعجبتني
🟢 رابط المكتبة:
- https://pub.dev/packages/group_button
#مكتبات_أعجبتني
Dart packages
group_button | Flutter package
Flutter custom widget to make a group buttons. Included Radio and CheckBox buttons.
مكتبة 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…
