عيسى شهاب | مبرمج تطبيقات

Frontend Lead at Confidential Company | Senior Flutter Developer | Scalable Apps | Flutter | Dart | Kotlin | Swift | Crafting User-Centric Solutions 🚀

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

🚀 Just finished the first phase of my personal website, built with Flutter! Check out my portfolio: https://t.co/RMppru5Krw

#Flutter #FlutterDev #WebDevelopment #Portfolio

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

هذا الأسلوب مفيد جداً للتطبيقات اللي تتغير باستمرار:
منتجات وميزات تنضاف بسرعة
حملات تسويقية
تجارب A/B

لهذا كثير من التطبيقات الكبيرة تعتمد Server-Driven UI

#Flutter #ServerDrivenUI #SSR #MobileArchitecture

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

كثير ينخلط عليهم الفرق بين
Server-Side Rendering (SSR) و Server-Driven UI.

خلينا نبسطها 👇

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

أما الـSDUI فالفكرة مختلفة
التطبيق يحتوي المكونات الأساسية
لكن السيرفر يقرر كيف تركب هذه المكونات داخل الشاشة.

مثال:
اليوم الصفحة الرئيسية:
Banner
منتجات مميزة
قس�� العروض

بعد فترة بدون أي تحديث للتطبيق:

تصير الصفحة:
فئات المنتجات
حملة تسويقية
توصيات منتجات
التطبيق نفسه ما تغير

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

إذا تحتاج سرعة
بدون ما تدفع ثمنها ديون تقنية 👌

#SDD #SpecDrivenDevelopment #SoftwareEngineering #AI #ProductDevelopment #Architecture

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

الفترة الأخيرة أشتغل بأسلوب اسمه
Specification-Driven Development (SDD)
والفرق فعلًا واضح.

بدل ما نكتب PRD وبعدين كل واحد يفسّرها بطريقته…
هنا العكس تماما:
الـ spec هي الـ source of truth
والكود مجرد ناتج عنها.

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

أي تغيير في الفكرة
ما يصير ترقيع ولا hacks…
يصير تحديث للـ spec
وإعادة توليد بشكل منظم.

الأسلوب هذا صار واقعي جدا مع الـ AI
لكن بشرط مهم:
structure واضح
مو مجرد prompts عشوائية.

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

🚀 متحمس للمشاركة في DevFest 2025 ك متحدث

بتكلم إن شاء الله عن:
Agentic AI Apps with Flutter & Firebase وكيف ننتقل من واجهات ثابتة
إلى تجارب ذكية تعتمد على Agentic & Multimodal AI

🧠متحمس للنقاش 🔥
#DevFest2025 #GDG #Flutter #Firebase #Gemini #AI #AgenticAI #MultimodalAI

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

مكمّلة لتحديث GenUI SDK 👀
Firebase نزلوا firebase_ai كـ SDK رسمي للـ AI في Flutter.GenUI = UI ديناميكي
firebase_ai = ذكاء داخل app logicبدون تعقيد بنية.
وهنا تبان قوة Google: منتجات منفصلة، لكن لما تتجمع تطلع حلول جديدة 🔥#Flutter #FirebaseAI #GenUI #AI #AppDevelopment

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

من التحديثات في Flutter مؤخراً: GenUI SDK

صار أنت تجهز catalog بالـ components،
والـ AI يختار ويجمع بينها حسب السياق.

هذا يفتح باب جديد لبناء واجهات ديناميكية
تفهم الحالة قبل ما ت��رض الشكل.

#Flutter #GenUI #AI #AppDevelopment #UX

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

ليش SSE مهم؟ لأنه يعطيك Real-time updates بدون polling وبدون استهلاك زائد. وأبسط من WebSocket لأنه اتجاه واحد فقط… ومناسب للـ Live Status & Streaming.
الخلاصة: اختيارك مو عن "الأفضل" بل عن نوع التفاعل مع السيرفر.
#Flutter #SSE #HTTP #Fintech #MobileDev #AppArchitecture #TechTips

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

متى تستخدم HTTP ومتى تستخدم SSE في التطبيق؟

الموضوع بسيط:
🔹 HTTP → طلب واستجابة وقت الحاجة
🔹 SSE → اتصال مفتوح وتحديث لحظي
HTTP = تسأل السيرفر
SSE = السيرفر يقولك أول ما يصير شيء
في الفنتك مثلاً:
💳 دفع أو تحويل → HTTP
📊 تتبّع حالة الدفع أو الرصيد → SSE

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

أبسط تعريف للـ Micro-Frontends في Flutter

كل ما يكبر التطبيق الكود يتشابك والتطوير يبطؤ
الحل؟ مو refactor… بل تعيد تعريف طريقة البناء نفسها.
كل ميزة موديول مستقل، والتطبيق الرئيسي Shell App ينسقهم.
بدل كتلة ضخمة، ابنِ نظام مرن من وحدات متناغمة
#Flutter #MicroFrontend #ShellApp

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

اللي يفوز اليوم مش اللي يكتب كود أكثر،
لكن اللي يفكر بعقلية:
كيف أبني تجربة مبنية على فهم السلوك…
مش بس أبيع Features.

#AppDevelopment #BusinessModels #API #UserBehavior #TechLeadership #DigitalTransformation #BuildSmarter #App @Developer

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

أكثر التطبيقات اللي لفتت الانتباه مؤخراً…
مش اللي بنت نظام متكامل من الصفر
لكن اللي فهمت سلوك المستخدم وحللته صح.

الموضوع ما يحتاج جيش مبرمجين ولا تبني كل شيء داخلي.
اليوم في شركات تبني APIs جاهزة…
انت بس تربط وتبدأ تركز على القيمة الحقيقية.

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

القيمة الحقيقية مش في "كم Feature عندك"،
لكن في:
كيف تفهم المستخدم، تبني ثقته،
وتقدم له تجربة ذكية تفرق معاه.

مش كل مرة العميل لازم يكون Customer…
أحيانا عميلك يكون Business ثاني.
انت تبني قيمة… وهو يوصلها للـ End User.

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

GPT-5 في Cursor غير اللعبة!
محرر كود فاهم مشروعك من أوله لآخره، يصلح المشاكل المعقدة، يبني ويحسن الـ UI والـ Backend، ��يتكامل مع GitHub ومعه Bugbot يمنع حتى أخطاء الـ AI.
التطوير صار أسرع، أذكى، وأقل صداع.

#GPT5 #CursorIDE #AIinProgramming #DevTools #BuildSmarter

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

في أحد المشاريع الكبيرة، قللنا التكرار وسرعنا التطوير بـ
✅ code generation مخصص لبناء UI
✅ design system كـ باكيج داخلي
النتيجة؟ كود أنظف، مرن، وقابل لإعادة الاستخدام
لو بتبني مشروع كبير، رتب شغلك من بدري.

#Flutter #MobileDev #CleanArchitecture #DesignSystem #CodeGeneration

[عيسى شهاب | مبرمج تطبيقات @EssaCoder]

اكتب كودك كأنك بتبيعه بعد 3 شهور

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

#CodingMindset #ProductDrivenDev #CleanArchitecture @Dev