📌ما هو Flutter؟

هو إطار عمل (Framework) مفتوح المصدر من تطوير Google، يُستخدم لإنشاء تطبيقات موبايل لأنظمة Android و iOS من قاعدة كود واحدة. كما يمكن استخدامه لإنشاء تطبيقات لسطح المكتب والويب.

📌لماذا تختار Flutter؟

✅ كود واحد لجميع الأنظمة: لا حاجة لكتابة كود منفصل لكل نظام تشغيل.
✅ أداء عالي: يعتمد على محرك Dart الذي يُترجم إلى كود أصلي (Native).
✅ واجهة مستخدم رائعة: يستخدم Widgets قابلة للتخصيص لإنشاء تصاميم جذابة.
✅ تحديثات فورية (Hot Reload): يمكنك رؤية التعديلات مباشرة دون إعادة تشغيل التطبيق.
✅ مجتمع نشط ودعم قوي من Google.

💡 جاهز للبدء؟ في الدروس القادمة، سنقوم بتثبيت Flutter وإنشاء أول تطبيق لك! 🚀

📢 تعلم Flutter وابدأ ببناء تطبيقاتك! 🚀

إذا كنت تريد احتراف تطوير تطبيقات الموبايل باستخدام Flutter، فهذه القناة لك!

ابدأ رحلتك الآن وانضم إلينا:
🔗 https://t.me/flutter_mastery1 💙

📢 تابعنا على إنستغرام لمزيد من محتوى Flutter! 🚀

📲 تابعنا الآن على إنستغرام:
🔗 https://www.instagram.com/flutter.mastery1?igsh=MWJ6cjJlb2l3NTBxdA

📲 فيسبوك:
🔗 https://www.facebook.com/profile.php?id=61575081654505

💙 لا تفوت أي تحديث وكن جزءًا من مجتمعنا البرمجي!

📌 دليل تثبيت Flutter مع Dart SDK خطوة بخطوة 🚀

مرحبًا بكم في دليل تثبيت Flutter مع Dart SDK، حيث سنوضح لكم الطريقة الصحيحة لتثبيت البيئة التطويرية وتجهيزها للعمل على مختلف أنظمة التشغيل. ✅


---

🔹 1. متطلبات النظام

قبل البدء، تأكد من أن جهازك يلبي المتطلبات التالية:
✅ نظام تشغيل Windows، macOS، أو Linux
✅ مساحة تخزين لا تقل عن 10 جيجابايت
✅ اتصال بالإنترنت لتنزيل الأدوات المطلوبة


---

🔹 2. تنزيل Flutter و Dart SDK

📌 ملاحظة: Dart SDK يأتي مدمجًا مع Flutter، لذا لن تحتاج إلى تثبيته بشكل منفصل إلا إذا كنت بحاجة إليه خارج Flutter.

📥 روابط التحميل الرسمية حسب نظام التشغيل:
🔹 Windows: تحميل من الموقع الرسمي
🔹 macOS: تحميل من الموقع الرسمي
🔹 Linux: تحميل من الموقع الرسمي

📌 إذا كنت تحتاج إلى Dart SDK بشكل منفصل:
🔹 تحميل Dart SDK فقط

---

🔹 3. إضافة Flutter و Dart إلى المسار (Path)

📌 بعد فك ضغط الملف، أضف المسارات التالية إلى المتغيرات البيئية (Environment Variables) حتى تتمكن من تشغيل الأوامر من أي مكان في الجهاز:
✅ أضف flutter/bin إلى المسار
✅ إذا كنت تستخدم Dart بشكل منفصل، أضف أيضًا dart/bin


---

🔹 4. التحقق من التثبيت

📌 افتح سطر الأوامر (Command Prompt في Windows أو Terminal في macOS/Linux) واكتب الأوامر التالية:

flutter doctor
dart --version

✅ flutter doctor → للتحقق من أن بيئة Flutter جاهزة
✅ dart --version → لمعرفة إصدار Dart المثبت


---

🔹 5. تثبيت الأدوات المطلوبة

📌 لتطوير تطبيقات Flutter، يوصى بتثبيت الأدوات التالية:
🔹 Android Studio (لتثبيت محاكي Android وإعداد SDK)
📥 تحميل Android Studio

🔹 Visual Studio Code (اختياري)
📥 تحميل VS Code

🔹 Java JDK (مطلوب لـ Android Studio)

تحميل JDK
---

🔹 6. إعداد المحاكي (Emulator)

✅ لمستخدمي Windows و Linux:
قم بتثبيت محاكي Android من Android Studio.

✅ لمستخدمي macOS:
يمكنك تشغيل محاكي iOS عبر Xcode.


---

🔹 7. إنشاء وتشغيل أول مشروع Flutter

📌 بعد التثبيت، يمكنك إنشاء مشروع جديد عبر تشغيل الأوامر التالية:

flutter create my_app
cd my_app
flutter run

🚀 سيتم تشغيل التطبيق على المحاكي أو الهاتف المتصل.


---

🎉 تهانينا! لقد قمت بتثبيت Flutter و Dart بنجاح، وأصبح بإمكانك الآن البدء في تطوير تطبيقاتك الأولى!

📌 لمزيد من المعلومات، يمكنك الرجوع إلى المصادر الرسمية:
🔹 📖 مستندات Flutter الرسمية
🔹 📖 دليل Dart الرسمي

اقتباس اليوم 🏆:

"البرمجة ليست علمًا، بل فن. اجعل فنك أفضل كل يوم." 🎨

بتمنى منكن تنشرو رابط القناة لأنو بالأيام الجاية رح يكون المحتوى كتير مفيد وبطريقة ممتعة ان شاء الله. ❤️

نصيحة اليوم 💡:

استخدم const قدر الإمكان!

📝 الشرح:

عندما تكتب ويدجت لا تحتاج إلى التغيير، اجعلها const.

هذا يساعد Flutter على تحسين الأداء لأنه لا يعيد بناء الودجت في كل مرة.


📌 مثال:

const Text('مرحبا بك!');

بدلاً من:

Text('مرحبا بك!');

📌لماذا مهم؟

✅️ يحسن الأداء.

✅️ يقلل من استهلاك الذاكرة.

✅️ يسهل عليك معرفة الأجزاء الثابتة في الواجهة.

نصيحة إضافية:

إذا رأيت خطًا أصفر ⚠️ في VS Code يقول "This widget can be marked as const"، لا تتجاهله!

ويدجت اليوم 🛠️:

TextField

📌وظيفتها:
تُستخدم للحصول على إدخال من المستخدم مثل الاسم، البريد الإلكتروني، أو كلمة المرور.

مثال بسيط:

TextField(
  decoration: InputDecoration(
    labelText: 'اكتب اسمك',
    border: OutlineInputBorder(),
  ),
)

📌معلومة سريعة:
يمكنك استخدام

obscureText: true

لإخفاء النص (مفيد لكلمات المرور).

ويدجت اليوم 🛠️

الاسم: ElevatedButton
الوظيفة:
زر قابل للضغط، يُستخدم لتنفيذ أمر عند التفاعل معه.

مثال عملي:

ElevatedButton(
  onPressed: () {
    print('تم الضغط على الزر');
  },
  child: Text('اضغطني'),
)

نصيحة:
يمكنك تخصيص شكله باستخدام الخاصية style.

اقتباس اليوم 🏆

"الاستمرارية أهم من الكمال."

📌 لا تنتظر أن تصبح خبيراً قبل أن تبدأ. تعلم كل يوم خطوة صغيرة، وستتفاجأ أين تصل بعد شهر.

بتمنى منكن فضلاً وليس أمراً انو تنشرو رابط القناة مشان ان شاء الله الكل يستفيد والمحتوى رح يتحسن يوم عن يوم وشكرا ❤️

ويدجت اليوم 🛠️

الاسم: SizedBox
الوظيفة:
تُستخدم لتحديد حجم فراغ بين العناصر أو لتحديد حجم عنصر معين.

مثال عملي:

Column(
  children: [
    Text('مرحبا'),
    SizedBox(height: 20), // مسافة عمودية
    Text('بالعالم'),
  ],
)

نصيحة:
إذا استخدمتها بدون أبعاد (SizedBox())، فهي تضيف عنصرًا غير مرئي يمكن استخدامه لتجنب أخطاء في البناء.