Tabnine VS GitHub Copilot : تخيّل نفسك جالساً في منتصف الليل، تحاول إكمال مشروع برمجي معقّد. أمامك شاشة مليئة بالكود، وكلما كتبت سطراً جديداً، يظهر سؤال جديد في ذهنك: “هل هناك طريقة أسرع؟ هل هذا الكود صحيح؟” في هذه اللحظة،…
في عالم تطوير التطبيقات باستخدام Flutter، أصبحت الرسوم المتحركة القائمة على الفيزياء أداة أساسية لإضافة لمسة واقعية وتفاعلية إلى الواجهات.تخيّل أنك تقوم بسحب بطاقة على الشاشة، ثم تتركها لتعود إلى مكانها الأصلي بحركة زنبركية طبيعية! هذا بالضبط ما تمنحه لنا…
الفصل التاسع – القسم الثاني : Flutter Hero Animations : دليل شامل لإنشاء انتقالات سلسة بين الشاشات في عالم تطوير التطبيقات الجوالة، أصبحت الرسوم المتحركة عنصرًا أساسيًا لتحسين تجربة المستخدم وجعل التطبيق أكثر جاذبية. مع إطار عمل Flutter، تبرز ميزة…
الفصل التاسع – القسم الأول : Animations in Flutter framework الرسوم المتحركة في إطار عمل Flutter: دليل شامل للمطورين في عصر التطبيقات الجوالة والويب الحديثة، أصبحت الرسوم المتحركة عنصرًا أساسيًا لتعزيز تجربة المستخدم وجعل التطبيقات أكثر جاذبية وحيوية. مع إطار…
في عالم تطوير التطبيقات الجوالة والويب، يُعد التنقل والتوجيه أحد أهم العناصر التي تحدد نجاح التجربة المستخدم. مع Flutter، الإطار الشائع الذي طورته Google، يمكنك بناء تطبيقات سريعة وجذابة تتناسب مع أجهزة Android وiOS والويب. لكن، كيف يمكنك إدارة الانتقال…
عندما تبدأ رحلتك مع Flutter، ستكتشف أن التخطيطات (Layouts) هي العمود الفقري لأي واجهة مستخدم. كل زر، نص، صورة أو حتى مساحة فارغة تراها داخل تطبيق Flutter يتم تنظيمها من خلال الـ Layout widgets.الفكرة الأساسية أن Flutter لا يعتمد على…
لماذا هذا القسم مهم؟ بعد ما تعلمنا الأزرار و إدخال البيانات، يجي الدور على المكونات اللي تعرض للمستخدم المعلومات والرسائل بشكل منظم وجذاب.هنا نستخدم عناصر Display Components اللي يقدمها Material Design. 1. Card البطاقة هي عنصر أساسي لعرض محتوى بشكل…
لماذا هذا القسم مهم؟ أي تطبيق تفاعلي تقريبًا يحتاج استقبال بيانات من المستخدم: تسجيل الدخول، كتابة تعليق، اختيار إعداد…هنا يجي دور Widgets الإدخال (Input Widgets) اللي يوفرها Flutter عبر Material Design. 1. TextField الحقل الأساسي لإدخال النصوص.يمكن استخدامه في تسجيل…
لماذا الأزرار مهمة؟ الأزرار هي وسيلة المستخدم للتفاعل مع التطبيق: تسجيل الدخول، مشاركة المحتوى، الانتقال إلى صفحة أخرى… إلخ.جوجل في Material Design وضعت قواعد دقيقة للأزرار علشان تكون: الأنواع الأساسية للأزرار في Flutter (Material 3) 1. ElevatedButton زر بارز بظل…
مصدر الصورة 1. Scaffold لو قلنا إن التطبيق عبارة عن بيت، فالـ Scaffold هو الأساس اللي بيتبني فوقه كل حاجة.هو Widget رئيسي يوفر لك: النتيجة: شاشة كاملة جاهزة، فيها عنوان، محتوى، وزر عائم. 2. AppBar هو الشريط العلوي اللي بيظهر…
