Flutter | Mahmoud Azab

دايما بنسمع عن ال data structure وازاى دراستها مهمة جدا , بس يعنى ايه data structure ؟!! - - يلا هات كوباية الشاى بتاعتك وركز معايا كدا علشان هنفهم يعنى ايه data structure وليه موجود منها انواع كتيرة - خلينا كالعادة نضرب مثال علشان الفكرة توضح ✨ ✅ انتا عندك مصنع بيصنع مجموعة من المنتجات الغذائية وانتا عايز تخزن المنتجات دى لحد ما تبيعها فهتعمل التالى : -- هتحط المنتجات دى فى صناديق : - وكل مجموعة صناديق بتتحط فيها المنتجات بطريقة معينة يعنى مثلا: أ - ( صندوق بيتفتح من فوق وبتحط فيه المنتجات على شكل عمود واحد ) ب - ( صندوق بيتفتح من الجنب وبتحط فيه المنتجات على شكل صف واحد بس علشان المستهلك يفتح الصندوق لازم يفتحه من الجهة اللى عكس جهة التعبئة ) ج - ( صندوق بيتفتح من فوق عادى وبترتب المنتجات زى ما انتا عايز على هيئة صفوف او اعمدة او الاتنين ) -- هتخزن الصناديق بتاعتك فى مخزن بس كل صندوق هيتخزن بطريقة معينة فى المخزن - وبناء على طريقة تخزين الصندوق ده هيساعدك فى انك تتعامل مع الصندوق ده يعنى مثلا فى صناديق هتوصلها بسهولة وصناديق تانيه لأ ◀️ ال data structure هيا الصناديق اللى البضاعة بتتخزن فيها ◀️ال data بتاعتك هيا البضاعة اللى بتتحط فى الصناديق ◀️المخزن بتاعك هو ال memory بتاعتك -- خلينا بقا نفهم يعنى data structure فى البرمجة ✅احنا بيكون عندنا مجموعة من البيانات وبنحتاج نجمعها مع بعضها ونخزنها بطريقة معينة ( والطريقة اللى احنا بنخزنها بيها دى بتساعدنا بعد كدا فى العمليات اللى بنعملها على البيانات بعد كدا ) والطريقة اللى احنا بنخزن بيها الداتا هيا دى ال data structure - والعمليات دى بتكون زى مثلا ( البحث داخل البيانات دى ) او ( انى اضيف بيانات جديدة للبيانات دى ) او ( ان اعمل ترتيب معين للبيانات دى ) ❗ طب ليه موجود انواع كتيرة من ال data structure ؟!! - - علشان كل نوع من انواع ال data structure بيتميز بحاجه بتميزه عن باقى الانواع وانتا بناء على احتياجك بتختار النوع اللى هتستعمله ( وهتفهم النقطة دى فى المقالات الجاية ان شاء الله ) ✅ عندنا بقا كذا نوع من ال data structure زى مثلا : أ - ال ( Array ) وده هو الصندوق اللى بتتخزن فيه البضاعة بأى شكل ب - ال ( Stack ) وده هو الصندوق اللى بتتخزن فيه البضاعة على هيئة عمود واحد ج - ال (Queue ) وده هو الصندوق اللى بتتخزن فيه البضاعة على هيئة صف واحد د - ال ( Linked list ) ولسا فى انواع تانيه هنشرحها فى مقالات منفصلة ان شاء الله

الجزء الاول من 100 معلومه عن فلاتر و دارت Flutter tips #part 1 🥳

بعد معانة يومين علشان اعمل ربط فايربيز ب فلاتر بالطريقة الجديدة فدى خلاصة و حل المشاكل اللى هتقابلكلو اول مرة تستخدم الميزة دى اول حاجة هتثبت Firebase CLI من هنا https://lnkd.in/dZJQC5Qv و تثبيته هيكون عباؤة عن شاشة terminal و بعد التثبيت هتدخل الكوماند ده firebase login مع حساب جوجل اللى مسجل بيه فى فاير بيز و بعدين هتروح على البحث فى وندوز و تكتب env و تختار البرنامج اللى هيطلع فى البحث و هتظهر شاشة اختار منها environment variables هيظهر مربعين هنشتغل على اللى فوق و تضغط مرتين على path و تتاكد ان المسار ده موجود و لو لا ضيفه C:\Users\putHereYourComputerUser\AppData\Local\Pub\Cache\bin اتاكد انك غيرت اسم المستخدم و ضيفت اسم جهازك و الخطوة اللى بعد كدة هتروح تنزل نود جى اس من هنا https://lnkd.in/dSe-DH2R و بعد ما تتثبت هتروح تتاكد من الpath برده زى فوق و هو C:\Users\putHereYourComputerUser\AppData\Roaming\npm و دلوقتى تقدر تروح على firebase console و تنشئ مشروع و هتلاقى فى خيارات الربط فلاتر هتتضغط عليه و تمشي خطواتك الموجودة عادى و بعد ما تحلصها هيظهر error فى الكود بسبب عدم وجود firebase_core package هتشغل الكوماند ده flutter pub add firebase_core فى terminal و بكده اللى error هيروح و المشروع جاهز و اشتغل. ملحوظة الموضوع هتلاقيه رخم فى الاول علشان التثيتات لكن خطوات الربط لاتتعدى 5 دقائق فى اسوا الحالات و المشاكل اللى كانت قابلتنى بسبب نود جى اس مكنش موجود و اخرا وفقكم الله و يومكم سعيد #منقول

يعنى ايه MVVM وليه تعتبر من اهم ال Architecture pattern ؟!! فى المقال ده هنفهم يعنى اي MVVM Architecture pattern وايه اهم المميزات اللى بيخلى جوجل تفضل استخدامها 🤩 - - طب يعنى ايه Architecture pattern الاول ☺️ ✅ ال Architecture pattern دى تعتبر طريقة لتنظيم الأكواد داخل ال Software اللى بتعمله ✅ وده بيوفر علينا تعب كتير لما نحب نعدل على الأكواد او نضيف ميزة جديدة على ال Software ده ✅ وكمان بيخلى الكود بتاعنا مفهوم وسهل قرأته ✨ - - و خلينا نضرب مثال علشان من خلاله نفهم MVVM Architecture pattern ✅ لو انتا عايز تشترى لاب توب ونوعه لينوفو مثلا فهتعمل الاتى : - هتروح لتاجر انتا عارفه هتقوله انا عايز لاب توب لينوفو - التاجر هيقولك انا مش متوفر اللاب توب ده عندى حاليا بس هطلبه ولما يوصل هكلمك تيجى تستلمه منى - التاجر هيروح لشركة لينوفو يقولهم انا عايز اللاب كذا , فتقوم الشركة تبعت اللاب للتاجر - اول ما اللاب يوصل للتاجر هيقوم مكلمك ويقولك اللاب وصل تعالى علشان تستلمه - انتا هتروح تستلم اللاب من التاجر وانتا مش عارف ايه الخطوات اللى هو عملها علشان يجيب اللاب ◀️ عندنا بقا ال M\VVM Architecture pattern بيتكون من 3 مكونات : 1 - View 2 - View Model 3 - Model ✅ ولما نيجى نطبق المكونات دى على المثال اللى قولناه هيطلع عندنا : a - ال View هو انتا ( العميل اللى عايز يشترى اللاب ) b - ال View Model هو التاجر اللى انتا اشتريت منه اللاب توب c - ال Model هو شركة لينوفو نفسها اللى بتصنع اللاب توب -- طيب تمام انا فهمت المثال والمكونات , اشرحلى بقا ايه اللى حصل ✅ انا بعمل application اندرويد مثلا وعايز اعرض بيانات عندى على الشاشة فيحصل التالى : - الشاشة دى تعتبر ال view - هبعت طلب لل View Model ان انا عايز البيانات دى - ال View Model بقا مسؤؤل انه يجيبلى الداتا اللى انا عايزها بس هتكون على شكل ال Model اللى انا محدده - اول ما البيانات توصل لل View Model هيروح علطول يعمل اشارة لل View ان هو خلاص جاب الداتا ✅ ايه بقا المميزات اللى بتميز MVVM Architecture pattern 1 - Testability : لما نيجى نعمل Testing للكود بتاعنا بيكون سهل 2 - Readable : بيكون سهل اننا نقراء الكود علشان بيكون منظم بشكل كويس 3 - Maintainability : لما نحب نعمل تعديل فى الكود او نضيف ميزة جديدة بيكون سهل علشان الكود بيكون منظم بشكل كويس وكل جزء بيكون الكود بتاعه مفصول لوحده 4 - بيتم الاحتفاظ بالاكواد اللى بتخص ال UI بعيدا عن الاكواد ال بتخص ال Business Logic

Bubble Slider in flutter 💦

طريقه اخري لجعل التطبيق responsive ملائم لكل الشاشات Make flutter app responsive 🧐

إظهار معلومات وسيله الدفع Show credit Card Information using Flutter🥶

اللهم صل علي محمد وعلي آل محمد كما صليت علي ابراهيم وعلي آل ابراهيم وبارك علي محمد وعلى آل محمد كما باركت علي ابراهيم وعلي آل ابراهيم في العالمين انك حميد مجيد ❤️♥️

عمل pdf في فلاتر pdf files in flutter app 😇

Grid view متحركه Reorderable Grid View 👻

تسجيل الدخول بالبصمة Biometrics in flutter 😶‍🌫️

الجزء الثاني من Firestore شرح الFirestore Filtering ♥️🔥

3 طرق تخلي التطبيق responsie 🥰

splash screen 🎃🌁

Reorderable ListView 🌋

Flutter Charts ♥️

حد يعرف سبب اختفاء اي حاجه بنزلها بعد فتره ؟

كيفيه تغيير لوجو التطبيق Change app icon 🎃

ازاي تعرف المستخدم بوجود تحديث للتطبيق App upgrader in flutter ✨️