Flutter dev مطورين فلاتر

📌 گروب 🔹 Flutters Experts 🔹 🔸 اقوى تجمع لخبراء في برمجة تطبيقات الموبايل بأستخدام Dart & Flutter 🔸اتمنى من الجميع الانظمام 🔻 https://t.me/FluttersExperts 🔸 اتمنى المشاركة في جميع الگروبات 📢

لطلب خاص

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

بعد بحث طويل وكتييير عن أفضل طريقة لإدارة الـ Nested pages مع وجود Bottom Navigation bar لقيت إن أفضل طريقة وأسهلهم هي إستخدام PageView مع Provider كل الى محتاجة قدرت أتحكم فيه تماماً من دي طبعاً متنساش تظبط الـWillPopScope في الهوم بيج ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ شرح مبسط .. 1- أعمل بروفايدر وحط فيه اندكس وبيج كنترولر وميثود تغيرهم (الصورة رقم 1 ) 2- أعمل صفحة سميها root مثلاً .. حط scaffold فيها BNB وحط ال body بتاعها PageView 3- باستخدام البروفايدر، وصل الكنترولر بتاع البروفايدر بالpageview 4- حط الصفحات بتعتك الي عايز تديرها في children بتعت البيج فيو 5- إستخدم الميثود الي عملناها في البروفايد في أي مكان إنك تغير الإندكس بتاع الصفحة الحالية 6- ودي الأهم willPopScope دي الي هتدير بيها زرار الرجوع في أندرويد أعمل تشيك لإندكس، لو عايز الزرار يشتغل اعمل true لو عايزه يقف false

واخيرا.. My new Android App (Fun day) بالنسبة ل اللي عارف الapplication ف هو نزله Update هتلاقوه اول ما تفتحوا الApp القديم في تحسينات ل الsecurity وحل شوية مشاكل كانت ف النسخة القديمة. وهيبقى ده الlink الجديد. http://www.mediafire.com/file/5gt3i4tzqstz4ah/fun-day-flutter-androidversion-debug0.0.7.apk/file وده لينك من الدرايف ل اللي عنده مشكلة ف اللينك اللي فوق https://drive.google.com/file/d/1-u51L8kGfNvf2vSNR68w6tQC2sHdRGZu/view?usp=drivesdk واللي هيعمل share يبقى من هنا بقى😅 بالنسبة ل اللي مايعرفش ايه ده!!! ف بمناسبة القرارات اللي طلعت ومستقبلنا اللي مش باينله ملامح ده. وبمناسبة بردوا الFun day اللي مش مكتوبله يتعمل 😂 حبيت اعمل حاجة تخرجنا من الmood شوية بدل ما كنا هنكتب لبعض عالتشيرتات وكدة انا فكرت شوية وعملت Application بيعمل نفس الوظيفة يعني الفكرة فيه ان اللي هيدخل هيلاقي دفعته كلها موجودة هيختار اي حد يكتبلة اي حاجة زي اللي كان هيكتبها عالتشيرت وممكن كمان يختار ان اسمه يظهر او ان الرسالة تتبعت كانها من حد مجهول يعني. *اتمنى كمان اللي هيجربه يقولي رأيه واي تعديلات فيه يا اما ف رسالة عادي عالmessenger يا اما من جوا الApplication نفسه من ال3 نقط اللي هتلاقوهم فوق. *طبعا ضمانا ل ان اللي انت هتكتبله يكون هو الشخص فعلا ف خليت الsign in بالFacebook. الApplication مافيهوش اي اعلانات او اي غرض ربحي *اتمنى ان الApplication يفرح حد او يسيب ذكريات كويسة لحد يفضل فاكرها طول حياته *الapplication معمول بحيث ان الرسائل اللي هتتبعت كمجهول ماحدش هيعرف مين اللي باعتها حتى انا عشان الخصوصية يعني. *الApplication لسه تحت التطوير ف لو حد عنده اقتراح لاسم ثاني او logo مختلف يقولي علطول وانا بأذن الله هغيره.

ثالث post هنتكلم فيه عن ازاي ننظم الكود بتاعنا واحنا بنستخدم الBLoC وانهاردة باذن الله هنتكلم عن الModels folder وده لو اتعمل صح هيسهل الشغل ف البرنامج كله خلينا نتكلم الاول عن المثال السهل واللي هيتعمل ف كل حاجة عندنا وهو اننا هنعمل model class لكل حاجة بتتكرر عندنا ف البرنامج زي الuser مثلا او لو برنامج e-commerce ف هيبقى في كمان الproduct, order وهكذا وده اللي ف الجزء الشمال اللي ف الصورة وده هيتكون من 3 اجزاء - اولا المتغيرات اللي عندنا اللي بتوصف الModel نفسه والconstructor بتاعه واللي بفضل انه يكون named constructor - ثانيا factory الfromJson ودي تعتبر زي constructor بس من function ودي بنظبط فيها ان الjson اللي جاي من الApi يتحول ل الModel بتاعنا - ثالثا function عكس اللي فوق ودي بتحولي الmodel بتاعي لjson عشان لو حبيت ابعته ف الApi الجزء الثاني من الشاشة (اليمين) وده model مخصوص كدة بحب اعمله وده بستخدمه مع اي Api بحيث اني ابعتله الresponse يقسمهولي ل reaponse data والrequest حصل ولا فشل ولو في رسالة راجعة من الapi بيخليها لوحدها طبعا عشان تعمل model زي ده لازم تتفق مع الbackend يبقى هو كمان موحد شكل الreaponses بتاعته بحيث انك تقدر تظبطها كدة طبعا الrepo اتحدثت واترفع فيها الfiles اللي اتكلمت عنها https://github.com/heshamerfan97/flutter_bloc_training اتمنى كمان لو في اي اسئلة او حاجة مش واضحة تسألوا ف الcomments وانا باذن الله هكون معاكم #flutter #flutterdevelopment #flutterBLoC

ازاي نعمل Dark map؟؟ ازاي نعمل customization ل الmap ونظهر عليها اللي احنا عايزينه بالالوان اللي احنا عايزينها؟؟ ده موضوع الpost الثالث من سلسلة Advanced google maps for Flutter. 1- هندخل على الموقع ده https://mapstyle.withgoogle.com/ ونختار النسخة القديمة منه 2- هنلاقي اختيارات كثير ل الmap تخلينا نتحكم ف كل تفصيلة فيها ف هنعمل الstyle اللي يعجبنا وندوس Finish 3- هيظهرلنا json code هناخده ونحطه ف json file عندنا ف البرنامج ف الassets folder وماننساش نعرفه ف الpubspec كدة احنا جهزنا الstyles نستخدمها ازاي!!!! 1- هنعرف الStyles دي ف String 2- جوا method ال onMapCreated هنقوله يحط الstyle اللي احنا عايزينه 3- باستخدام الmapController هنخلي الStyle بتاع الMap واحدة من الStrings اللي عرفناها فوق وبكدة بقى عندنا Map ليها Styles مختلفة.. تفاصيل اكثر وخطوة بخطوة والكود كمان هتلاقوه على الrepo https://github.com/heshamerfan97/flutter_google_maps_example#map-customization-lightdark-mode #flutter #flutter_google_map #flutter_advanced

ازاي نرسم طريق مظبوط بين نقطتين على google maps باستخدام Flutter؟!! ده موضوع الpost الرابع من سلسلة Advanced google maps for Flutter. 1- هندخل على الgoogle map console ونفعل API اسمه "Directions API" 2- في الكود بتاعنا هنحدد النقطتين اللي عايزين نجيب الطريق بينهم ويكونوا ك LatLng variable 3- هنبعت النقطتين دول والAPI key بتاعنا (اللي جبناه ف اول post) في post request ل اللينك ده https://www.maps.googleapis.com/maps/api/directions/json 4- هناخد الرد بتاع الrequest ده ونحوله لطريق عندنا على الmap باستخدام الMapUtils اللي هتلاقوها ف الكود على Github *هتلاقوا على GitHub تقسيمة ل الfolders ممكن تبقوا تستخدموها ف مشاريعكم اللي جاية هتسهل عليكم كثير تفاصيل اكثر وخطوة بخطوة والكود كمان هتلاقوه على الrepo https://github.com/heshamerfan97/flutter_google_maps_example#drawing-routes * ملحوظة: الAPI ده مدفوع يعني لازم نكون مفعلين الدفع في الConsole عشان يشتغل #flutter #flutter_google_map #flutter_advanced

سنبدأ بإذن الله اليوم بمجموعة متنوعه من الأشياء السهله

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

من الكتب اللى قريت فيها وعجبتنى جدا Flutter Complete Reference: Create beautiful, fast and native apps for any device created by : Alberto Miola الكتاب من الكتب المميزة جدا اللى بتشرح تقريبا كل المواضيع المهمة فى لغة دارت وإطار العمل فلاتر وبرغم إن الكتاب قبل تحديث فلاتر 2 ودارت 2.12 الا انه مغطى مواضيع زى ال null safety Nullable and Non-nullable types دة غير الشرح الممتاز لbasics dart و flutter architecture ومن ضمن المميزات اللى الكتاب بيقدمها هى ال good practices بعد شرح كل موضوع بيكون في جزء خاص بيتكلم فيه عن افضل الممارسات اللى المفروض نتبعها عشان نحافظ على الأداء وان الكود الخاص بينا يكون readable والموصي بيها من تيم دارت وفلاتر ومجتمع المطورين مميزات الكتاب لا تعد ولا تحصى وشرح مواضيع كتير بالأمثلة بدون إطالة دة رابط الكتاب على drive

كورسات مدفوعة مجاناً لك 🖤 رابط مجموعة المناقشة وطلب الكورسات : https://t.me/joinchat/UR8H7yyBsYZotXm7 طريقة تخطي الروابط : https://t.me/CoursesforY0u/90 بوت تواصل خاص بالقناة اذا كنت تواجه اي مشكلة في روابط الكورسات في القناة @CoursesforY0u_bot

لسلام عليكم ورحمة الله وبركاته الموقع ده انا عامله وبرفع عليه كورسات يوديمي المدفوعة مجانا للتحميل في جميع المجالات البرمجة و تعليم اللغات البرمجة والهاك ونظم المعلومات ولو خضرتك ملقتش الكورس ال انت عاوزه مش موجود ابعتلي اللينك بتاع يوديمي وانا ارفعهولك مخصوص https://freeudemycourses.me ودي قناة التلجرام لمتابعك الكورسات الجديدة https://t.me/udemy_2020

https://www.udemy.com/course/complete-flutter-arabic/?couponCode=COMPLETE_FLUTTER حاليا متاح أقوي دورة Flutter بالعربي مجانا علي يوديمي لمدة يومين، الدورة بتبدأ من الصفر مش محتاجه أي خبره سابقه، هتقدر تكون مؤهل لسوق العمل فعليا عشان الدورة بتنقلك الخبرة العلميه قبل العمليه، و بإذن الله في دورات قادمه لتطبيقات كامله من البداية للنهايه تطبيق شبيه أوبر و تطبيق شبيه سوق. شير و مينشن لطلبة حاسبات و هندسه و اي حد مهتم بالمجال 😍👌🏻 https://www.udemy.com/course/complete-flutter-arabic/?couponCode=COMPLETE_FLUTTER جاري الآن رفع باقي أقسام الدورة بس عشان مساحتها كبيره شويه 😂 لو سجلت الفيديوهات دلوقتي الجديد هيوصلك مش محتاج تسجل تاني لا تقلق ❤ الأقسام بالترتيب كاملة : 1. Introduction to Course 2. Introduction to Dart 3. Flutter Fundamentals 4. Flutter Advanced [BMI Calculator App] 5. Flutter Project Architecture [مهم جدا و سهل] 6. Sqflite [Todo App] [أهم سيكشن يا شباب] 7. APIs and Networking [News App] [شغل شركات] 8. Handling APIs Professionally [Shop App] [شغل شركات] 9. Firebase and Clouding [Social App] [شغل شركات] 10. Flutter 2 [Web & Desktop] [كلام جديد] 11. Responsive and Adaptive Apps [سهل و بسيط] 12. Writing Custom Platform-Specific Code [Native Code] 13. Flutter Animations [شوية لعب و شياكه كده] 14. Learn GIT [عشان تبقي برنس بقي] 15. App Distribution [مهم للشغل في شركات] 16. What is next ?! [السؤال المهم] #مطورين_فلاتر

لمن فاته التسجيل في الدورة: كوبون جديد لدورة تعلم برمجة تطبيقات الاندرويد والايفون بأستخدام فلاتر، الدورة باللغة العربية، الدورة تشرح لك الدارت والفلاتر من الصفر فلا تحتاج الى مؤهلات للدخول للدورة ... الدورة متكاملة تحتوي على ٢٤٥ درس وحوالي ٦٠ ساعة تدريبية، تحتوي الدورة على قسم خاص بتحديثات الفلاتر ٢ اللتي ظهرت هذا العام؛ الكوبون مفتوح العدد فممكن مشاركته بأي مكان، مدة صلاحية الكوبون ٣ ايام فقط ولكن بمجرد ان تسجل في الدورة تبقى مفتوحة لك مدى الحياة؛ https://www.udemy.com/course/fluttercourse/?couponCode=F2A0814D57ABBB06015B