Flutter | Mahmoud Azab

السلام عليكم ورحمة الله وبركاته

حاليًا شغال على ويب سايت باستخدام Flutter،
والويب سايت فيه شوية فيتشرز كويسة، منهم:

Posts

محتوى تعليمي ومنظم عن Flutter و Dart.

MCQ Questions

الفِتشر دي متقسمة لحد دلوقتي لـ 4 أجزاء،
كل جزء فيه حوالي 100 سؤال عن Flutter و Dart.

* أول ما تخلص الجزء الأول، علشان تفتح باقي الأجزاء لازم تعمل تسجيل دخول
* بعد ما تخلص كل جزء:

* بيظهرلك النتيجة
* وبتشوف كل الأسئلة
* تعرف إيه اللي صح وإيه اللي غلط
* مع توضيح الإجابة الصحيحة

Challenge Mode

الفِتشر دي فيها لحد دلوقتي 12 جزء:

* أول جزء متاح بدون تسجيل
* باقي الأجزاء محتاجة تسجيل دخول
* كل جزء عبارة عن تحدي من 10 أسئلة
* فيه تايمر شغال
* وتقدر تعمل Freeze للوقت لثواني محدودة

Fix Feature

فِتشر مخصصة للتطبيق العملي:

* بيكون فيه كود فيه مشاكل والمطلوب منك تصلّحه
* أو كود صحيح لكن مطلوب منك تنفذ عليه Task معين
* وبعد الحل، بيظهرلك الحل الصحيح جنب السؤال للمقارنة والتعلّم

Technical / Solution Architect
Head of engineers
Tech lead

‏



WhatsApp: +966500187933

من الخاص مطلوب للعمل

Technical / Solution Architect – Play Square

نبذة عن Play Square

Play Square منصة سعودية ناشئة في مجال الرياضات الإلكترونية والألعاب، تهدف إلى بناء نظام متكامل لإدارة البطولات، المجتمع، التفاعل الاجتماعي، ونموذج أعمال قابل للتوسع على المدى الطويل.

نبحث عن معماري تقني يساعدنا في بناء أساس تقني قوي يمكن التطوير عليه مستقبلاً دون الحاجة لإعادة البناء.

⸻

المسمى الوظيفي

Solution / Software Architect (Contract – Short Term)

⸻

نطاق العمل (Scope of Work)
• تصميم المعمارية التقنية الشاملة للمنصة (High-Level Architecture).
• اقتراح Technology Stack مناسب لمنتج قابل للتوسع.
• تصميم بنية API-first تدعم الويب والتطبيقات مستقبلًا.
• وضع تصور واضح لقابلية التوسع (Scalability Roadmap).
• تصميم مبدئي لهيكلة البيانات (Database – High Level).
• مراعاة متطلبات:
• الأداء
• الأمان
• القابلية للنمو
• سهولة تسليم المشروع لفرق تطوير مختلفة

⸻

المخرجات المطلوبة (Deliverables)
1. Architecture Diagram (واضح ومشروح)
2. Technology Stack Recommendation مع المبررات
3. Data Flow Diagram
4. High-Level Database Design
5. Scalability & Growth Roadmap (12–24 شهر)
6. Security & Roles Model (High Level)
7. Developer Handover Documentation

📌 جميع المخرجات يجب أن تكون موثقة وقابلة للتسليم لشركة تطوير.

⸻

المتطلبات
• خبرة سابقة في تصميم منصات أو منتجات رقمية قابلة للتوسع.
• خبرة في SaaS / Platforms / Marketplaces أو Community-based apps.
• فهم قوي للـ Cloud Architecture وAPI Design.
• القدرة على تبسيط المفاهيم التقنية لغير التقنيين.
• خبرة سابقة مع Startups (ميزة إضافية).

⸻

مدة التعاقد
• 2 إلى 4 أسابيع (مشروع محدد المدة)

⸻

طريقة التقديم

يرجى إرسال:
• نبذة مختصرة عنك
• أمثلة أو مراجع لمعمارية صممتها سابقًا
• توضيح كيف ستتعامل مع مشروع مثل Play Square

⸻

⸻

ثانيًا: نموذج توثيق جاهز (Template)

Play Square – Technical Architecture Document

⸻

1. Overview
• وصف مختصر للمنصة
• أهداف المعمارية التقنية
• الفئة المستهدفة

⸻

2. Architectural Principles
• Modularity
• Scalability
• Maintainability
• Security
• Cost Efficiency

⸻

3. High-Level System Architecture
• وصف عام للطبقات:
• Frontend
• Backend
• Database
• Integrations
• Architecture Diagram

⸻

4. Technology Stack

Layer Technology Reason
Frontend
Backend
Database
Cloud
DevOps


⸻

5. API Strategy
• API-first approach
• Authentication & Authorization
• Versioning strategy
• Third-party integrations

⸻

6. Data Architecture
• Database type
• High-level schema
• Data relationships
• Backup & recovery concept

⸻

7. Scalability Roadmap

Phase 1 – MVP / Alpha

Phase 2 – Growth

Phase 3 – Scale & Optimization

⸻

8. Security Model
• User roles
• Permissions
• Data protection
• Payment & wallet considerations (High Level)

⸻

9. Performance & Reliability
• Load handling
• Caching
• Monitoring
• Failover concept

⸻

10. Risks & Assumptions
• Technical risks
• Mitigation plan

⸻

11. Handover Notes
• How new developers should onboard
• Documentation references
• Key technical decisions explained

⸻

12. Ownership & IP
• All architecture and documentation are property of Play Square

يعني إيه
Microtask & Event Queue ?

لو بتتعامل مع Future و async
أكيد قابلت مواقف غريبة في ترتيب التنفيذ…
وفضلت تسأل نفسك
ليه السطر ده اتنفذ قبل ده؟


السبب ببساطة إن Dart عندها نظام اسمه
Event Loop

وده اللي بيقرر يرتب الكود ازاي لما يكون عندك حاجات
Async.


Microtask

دي بتتنفذ قبل أي حاجة تانية
يعني أولوية أعلى من أي
Future

أمثلة للـ Microtask:

scheduleMicrotask()

Future.microtask()

Future.then(...)

يعني لو فيه Microtask واحدة و ملايين Futures… المايكروتاسك هتتنفذ الأول



Event Queue

ده المكان اللي بيتنفذ فيه الـ
async
الطبيعي
زي:

Future(() {})

Timer

input من اليوزر

Network Request

Stream Events

دي بتتنفذ بعد ما الـ Microtasks تخلص بالكامل.



Dart
بترتب التنفيذ دايما كده:
تنفذ الكود العادي Sync
تخلص كل الـ Microtasks
تنفذ Event واحد
وترجع تكمل بنفس الشكل

https://drive.google.com/file/d/1H6rsbDx5jz-IVyZdkP0VskWJTL58kwLG/view?usp=drivesdk


مستنى رأيكم.

السلام عليكم ورحمة الله وبركاته

بوست مهم عن لل
Security
لمن يهمه الأمر


https://www.linkedin.com/posts/azabcodes_%D8%A3%D8%BA%D9%84%D8%A8-%D8%A7%D9%84%D9%85%D8%B7%D9%88%D8%B1%D9%8A%D9%86-%D8%A8%D9%8A%D8%B9%D8%AA%D9%82%D8%AF%D9%88%D8%A7-%D8%A5%D9%86-%D8%B7%D9%88%D9%84-%D9%85%D8%A7-%D8%A7%D9%84%D9%80-api-share-7400468317313859584-BF4J?utm_source=share&utm_medium=member_android&rcm=ACoAADOv4_AB8LEMWY3c0decO7wvDZyEjPhHT2s

السلام عليكم ورحمه الله وبركاته

ده بوست عن ال
HeroAnimation
انه بيبني الصفحه ٣ مرات
بس عدد احرف البوست كبير ع رسائل التيليجرام
فمش هقدر أبعته هنا
ده لينك البوست لو حد حابب يعرف
https://www.linkedin.com/posts/azabcodes_%D9%84%D9%8A%D9%87-%D8%A7%D9%84%D9%80-hero-%D9%8A%D8%B3%D8%A8%D8%A8-%D8%A5%D8%B9%D8%A7%D8%AF%D8%A9-%D8%A8%D9%86%D8%A7%D8%A1-%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9-3-%D9%85%D8%B1%D8%A7%D8%AA-activity-7400167163233234944-Roth?utm_source=share&utm_medium=member_desktop&rcm=ACoAADOv4_AB8LEMWY3c0decO7wvDZyEjPhHT2s

Ice-cream 🍦 app w custom animations

السلام عليكم ورحمة الله وبركاته.
بقالى فتره منزلتش على القناه حاجه تفيدكم .

لعند ما أجهز محتوى جديد .
لو حد عنده معلومه وحابب يشاركها ف القناه ممكن يبعتلي وانزلها
بس يكون كرساله وبرضو لو فى لينك مثلا على
LinkedIn
يقدر يبعته .


وسؤال ينفع أنزل ليكم الحاجات اللى بعملها مع نفسى كفيديو ريلز ؟

Coach App – Flutter

Build and visualize football tactics using CustomPaint & Draggable widgets.


I'm looking for a new role as a Flutter developer with 4 years of experience

or Junior IOS developer with 6 months of experience.

Dm 📧 :
mahmoud.azab.codes@gmail.com

السلام عليكم ورحمه الله وبركاته
المساحة عندي على الهارد كانت قربت تخلص
مفيش كان قدامي حل غير إني أعمل clean لكل مشاريع الـ Flutter لاني عارف ان ال
build
بياخد مساحه كبيره وانا عندي مشاريع كتير جدا .
بدل ما أدخل مشروع مشروع أكتب الأمر، عملت سكريبت صغير (بمساعدة ChatGPT) يشوف كل المشاريع ويعملها clean مرة واحدة.
النتيجة
قبل: 21GB
بعد: 180GB
ده لينك السكربت لأي حد حابب يستخدمه:

https://gist.github.com/azabcodes/8f39c7a2986585de8991f2717d6a042c

ده جالي ف الخاص
( معرفش حاجه فعلا عن الدوره)





دلوقتى مجانا تقدر تدخل مجال ال 𝗠𝗼𝗯𝗶𝗹𝗲 𝗔𝗽𝗽 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 (𝗙𝗹𝘂𝘁𝘁𝗲𝗿) مع𝑬𝒂𝒔𝒚 𝑳𝒆𝒂𝒓𝒏 𝑨𝒄𝒂𝒅𝒆𝒎𝒚 🎓🌟
.
.
لو عايز تبدء فى مجال تطوير تطبيقات الموبايل و تاية من كتر المصادر او خايف تدفع فلوس فى كورس مش واثق منة او حتى عندك فضول تجرب المجال ...
يبقا مكانك فى 𝗙𝗹𝘂𝘁𝘁𝗲𝗿 𝗕𝗼𝗼𝘁 𝗖𝗮𝗺𝗽 🔥😍
-
ال Boot Camp عبارة عن اسبوع واحد (7 محاضرات)
هتتعلم فيه أساسيات عن Dart & Flutter لحد ما تبنى اول تطبيق بأيدك.
محتوى متكامل مناسب لأى حد ايا كانت معرفتة لأنة هيبدء من نقطه الصفر فى البرمجة
--
--
تفاصيل الحضور :
اونلاين على Zoom
7 محاضرات كل يوم محاضرة
المحاضرة 3 ساعات
فى اليوم الثامن : هتبنى مشروع كامل و تناقشة و هتستلم شهادة حضور لل Boot Camp 😯🔥

سجل دلوقتى 👇
https://easylearnacademy.net/flutter-boot-camp/

يلا متضيعش وقت و سجل دلوقتى لأن العدد محدود جدا 👇🤍

Output ? And Why

السلام عليكم
بدأت أذاكر
Swift
وللي مش عارف
Swift

هي لغة برمجة من Apple بنستخدمها عشان نعمل تطبيقات على

iPhone
iPad
MAC
Apple Watch.


هشارك كل اللي أذاكره على القناة دي
الشرح هيكون كله بالانجليزي ان شاء الله.
لو حابب تتابع أو تبدأ معايا ده الرابط:


https://t.me/swift_with_mahmoud_azab

التطبيق الرابع


السلام عليكم ورحمة الله وبركاته
الحمد لله خلصنا تطبيق مع الشباب اللي متابع معاهم

اللى حابب ينضم يرد على الرساله وهكلمه ابعت له لينك الديسكورد خاص .

شروط الانضمام
يكون شخص مستواه كويس لان احنا بنعمل مشاريع كامله

ولو حد مبتدأ وعايز ينضم ممكن يكون ليهم جروب خاص لو اكتر من شخص

وده التطبيق اللى تم تسليمه من احد الشباب

بالتوفيق ليكم جميعا يارب ✨️

منقول

تجميعة هتساعدك في عمل تطبيق او موقع اسلامي 🙌


Quran-Datasets:
https://lnkd.in/dPPH-spn
https://lnkd.in/d35kcFCZ
https://lnkd.in/dNVtiE_J
https://lnkd.in/dGy3zpTN
Hadith-Datasets:
https://lnkd.in/dv_g7PiP
https://lnkd.in/di5e6YEp
https://lnkd.in/dauV-n6R
Azkar-Datasets:
https://lnkd.in/dXNRrDCj
https://lnkd.in/dyZ9XqET

Quran-APIs:
https://alquran.cloud/api
https://quran.api-docs.io/
https://lnkd.in/ddfbPT9v

Prayer-Times-API:
https://lnkd.in/dnQWeB2K
https://lnkd.in/diXsuM6U

لو بتستخدم باكدج

JsonSerializable

ممكن بتقابل مشاكل وانت بتحول الـ
JSON
ل
Objects

وتفضل احيانا تدور فى الكود ومش عارف فين الغلط بالظبط

فيه حل بسيط جدا

ضيف السطر ده فوق الكلاس بتاعك

@JsonSerializable(checked: true)


ده هيخليك تشوف بالظبط أنهي Field عامل مشكلة وقت الـ
deserialization.
يعني لو عندك مثلا:

{
"name": "Mahmoud",
"age": "twenty"
}


وإنت مستني age تكون رقم (int) هتطلعلك رسالة خطأ واضحة تقولك إنك استلمت
String
بدل int

قبل كده من غير
checked: true

الغلط بيبقى مبهم ومش واضح سببه

أسبوع حافل بالصيـام
وصيام السبـت القـادم
يُكفر ذنوب سنة كاملة
#عاشوراء
لو مش هتقدر تصوم، تقدر تأخد الأجر لو بلغت غيرك.. الدّالُ على الخير = كفاعله :)🌱