من انجازاتكم 🙆🏻‍♂⚡️⚡️
كتير شي بفرحني لما بشوف انجازات اشخاص مشتركين بالقناة او حضرو عندي كورسات و بلشو فعلا ينتجو و يعطو منتجات قيّمة

حقيقة بفرح اكتر من لما انا انجز مشروع او منتج 😅
أتمنى التوفيق للكل
و متحمس اسمع إنجازات أكتر
و من كل المشتركين ⚡️⚡️

UI Challenge #2 – Onboarding Screen
UI Challenges With Omar – 2026
تحدّي هذا الأسبوع ركّز على شاشة أساسية بأي تطبيق جديد: Onboarding Screen.
واجهة أولى، وبوابة بسيطة… لكن تأثيرها كبير لأنها لحظة التعريف الأولى بين المستخدم والتطبيق.

– وضوح الرسالة: كل شاشة بتوصل فكرة مختصرة بدون أي زحمة نصوص.
– تسلسل مريح: انتقالات خفيفة توصل المستخدم للصفحة التالية بدون تشتيت.
– هوية بصرية موحدة: ألوان ثابتة، رسومات بسيطة، ومساحات فارغة مدروسة.

الفكرة مو "نعمل Onboarding"… الفكرة نفهم كيف نبني أول اتصال بين المستخدم والتطبيق بطريقة منظمة، واضحة، وما بتضيع وقت المستخدم.

رابط التصميم على فيغما

تحديث جديد للوحة التحكم
قسم الملف الشخصي جاهز 100%
بامكانكم من خلاله تعبئة البيانات بالكامل
و أيضاً تم اضافة زر مراجعة بعد حقظ التغييرات

التحديث القادم سيكون هناك اتاحة ل template جديد في البورتفوليو ان شاء الله
و أيضاً سيكون هناك زر لإصدار النسخة لنشرها على وسائل التواصل و الملفات الشخصية

من فترة و انا بعامل gpt على انه شريك و واصل معه لمرحلة تفاهم متقدمة😁

ف قلتله

 
Create a picture that reflects how I've treated you recently

و لما سألته عن تفاصيل الصورة جاوب

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

باختصار: أسلوبك التعاوني انعكس كمشهد مريح.



و انتو كيف بتعاملو gpt 😁
انسخو البرومبت و شاركونا النتيجة بالتعليقات

السلام عليكم ورحمة وبركاته
تم إضافة template الثاني للبورتفوليو
مع امكانية تغيير رقم template من لوحة التحكم

المشروع شارف على الانطلاق الرسمي
رأيكم ، حماسكم ، اقتراحاتكم
كلها مرحب بها
كما سيتم قريباً فتح repo لعمل forks و انشاء templates مخصصة لكل شخص

🧩 UI Challenge #2 – Solution
Onboarding Screen

ليش واجهة الـ Onboarding مهمة؟
لأنها أول نقطة تواصل حقيقية مع المستخدم 👇

• بتقدّم قيمة التطبيق خلال ثوانٍ
• بتقلّل معدل التخلي المبكر (Early Drop-off)
• بتهيّئ المستخدم نفسيًا للتجربة القادمة
• وبتبني الثقة من أول استخدام

✨ ميزات الحل
1️⃣ UI بسيط وقابل للتوسّع
2️⃣ UX واضح بخطوات منطقية
3️⃣ كود نظيف وسهل التعديل
4️⃣ قابلية إعادة الاستخدام بأي مشروع Flutter

📦 Packages مفيدة لشاشات Onboarding في Flutter
• smooth_page_indicator
انتقال صفحات سلس وواضح

• flutter_animate
حركات خفيفة بدون تعقيد

• go_router
تنقّل منظم بعد إنهاء الـ Onboarding

• shared_preferences
تخزين حالة المشاهدة ومنع الإظهار المتكرر

🎨 Design – Figma
https://www.figma.com/design/GTGJEidA3lvrowWkKL5DFl/2026-Challenges?node-id=10-258&t=b3gsC1zQsvMwnBIy-4

💻 Source Code – GitHub
https://github.com/dev-OmarKaialy/on_boarding/tree/petOnboarding/

الصورة من Flutter Meetup يلي نظمه مجتمع مطوري حلب
يوم السبت 17/1/2026

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

و لهيك حابب شارك معكن كل جزئية منه خلال البوستات الجاية
لأنو كل الأفكار يلي انذكرت فيه مهمة و بتفيد بمهامنا اليومية

ما بحب حركات السوشيال و اعمل لايك وكذا
بس فعلو تنبيهات القناة لانو 2026 غير 😅

للتسجيل على مفاضلة الدراسات العليا يمكنك الدخول إلى الرابط المرفق :

https://master.studentapp.education-syria.com/

#الجمهورية_العربية_السورية
#وزارة_التعليم_العالي_والبحث_العلمي

‏لو بتدور على استضافة مجانية ترفع عليها مشروعك، سواء Frontend أو Backend أو حتى Landing Page، فالقائمة دي هتوفّر عليك وقت وتجربة كتير

‏- Sevalla․com
‏- GitHub Pages
‏- Netlify
‏- Vercel
‏- Cloudflare Pages
‏- GitLab Pages
‏- Firebase Hosting
‏- AWS Amplify
‏- Render
‏- Surge
‏- Gatsby Cloud
‏- Neocities
‏- Carrd
‏- FreeHosting
‏- InfinityFree
‏- 000webhost
‏- AwardSpace
‏- ByetHost
‏- Bitbucket

✊ تيك توك أصبح مقاطعة.. والبديل الحر هو UpScrolled.

🚨 تمرد رقمي جديد 🚨
بعد استحواذ الملياردير الصهيوني لاري إليسون على تيك توك، يشهد العالم هجرة جماعية نحو تطبيق UpScrolled الذي أطلقه الناشط الفلسطيني الأسترالي عصام الحجازي، والذي فقد 60 فرداً من عائلته خلال العدوان على غزة.
#قاطعو_تيك_توك

Flutter Meetup – Part 2 🚀

مكمل معكم ملخص ما جرى في Flutter Meetup
واليوم استكمال مهم لما شاركنا به الأستاذ محمود حول أدوات الذكاء الاصطناعي للمطورين.

🔹 Cursor IDE
وبشكل عام، الكلام ينطبق على Cursor، Copilot Pro، أو أي IDE مدعوم بالـ AI.

تم التطرق إلى 3 أنواع أساسية من الطلبات (Prompts):

1️⃣ Ask

Why does this widget rebuild?
الـ AI يقرأ الكود ويشرح سبب الـ rebuilds بشكل مباشر وواضح.

2️⃣ Plan

Plan Authentication Flow for Flutter Web
هنا يبدأ الـ AI بتحليل المشكلة، ووضع خطة تنفيذ خطوة بخطوة.

3️⃣ Agent

Add feature with repository, cubit, and UI
هذا النوع أستخدمه شخصيًا بكثرة:
تعلّم الوكيل طريقة شغلك، ثم تطلب منه إضافة feature كاملة، ويفضّل تقسيمها لعدة طلبات للوصول لنتيجة دقيقة 100%.

⚠️ نقطة مهمة جدًا تم ذكرها: Choosing the correct Model
لكن رح نرجعلها لاحقًا بمنشور مستقل.

🔹 Supabase MCP
Backend مبني على SQL، وميزة MCP فيه بتفهم الجداول، الأعمدة، والبنية الكاملة للتطبيق،
وبتساعد على كتابة Correct Queries والتعامل الذكي مع الداتا.

🔹 Figma MCP
من التصميم إلى Flutter UI جاهز.
تقرأ ملفات Figma بعمق، وتحافظ على:
Spacing – Padding – Colors – Typography

والأهم:
تحويل Components إلى Widgets قابلة للاستخدام مباشرة داخل المشروع، وتوفير وقت كبير في بناء الواجهات.

🎥 ما لحقت الحدث؟
بإمكانكم تشوفو الحدث كامل من هون

Linkedin style:
❌ لاخفاء شارة التطوير قم بتفعيل debugShowCheckedModeBanner: false

✅ء Today, while working on a Flutter project, I resolved the Debug Banner issue on the emulator by properly configuring debugShowCheckedModeBanner: false.

It may seem like a small change, but for me, it's another step forward in understanding Flutter app configuration and writing cleaner, more professional Ul code.

Every bug fixed is a lesson learned, and I'm enjoying this journey of continuous improvement in Flutter development.

في أحد المشاريع التي تعمل عليها
طلب منك استخدام هذا الفيديو لعرضه في احدى الواجهات

كمطور تريد الحفاظ على أداء تطبيقك و جودته
ما الطرق او المكاتب التي تستخدمها لعرض هذا العنصر؟

السؤال خطرلي لانو عم عدل على مشروع سابق و شفت فيه أمر عجاب

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