Flutter | Mahmoud Azab

السلام عليكم ورحمة الله وبركاته

في الفيديو اللي فات شرحنا تغير اسم التطبيق. علي حسب لغه الموبايل علي ال Android

في الفيديو ده ازاي تغيره علي IOS ✅️

لو في حاجه حد عايز شرح ليها ممكن يكتبها وان شاء الله اعمل فيديو ليها


https://youtu.be/rR4QHU8k1_0?si=CdE3ENOrX4yq2xb8

ال ChatGPT فتح في مصر تقدر تسجل برقم مصري عادي

السلام عليكم ورحمة الله وبركاته

فيديو بسيط بوضح فيه ازاي تعمل ترجمه لاسم التطبيق بتاعك علي حسب لغه الموبايل


https://youtu.be/33Mwz8HyXuQ?si=TIgFwON20RJ6691c

Add some animations in Flutter images ❤️

Source code :

https://github.com/mazab99/image_exposure


Youtube :

https://www.youtube.com/channel/UCy9PQQh1C48BujwnYteA-Vg

#لبنان

Supono Holdings LTD is hiring a Senior Flutter Developer to join our team.

Interested candidates can send their resumes to:

lama.mansour@suponoholdings.com

Candidates must be in Lebanon

Thank you

⭐ Optimizing Flutter Startup Times with "Future.wait"

مشكله ممكن تقابلكم لما تحدثوا Xcode ل
version 15

#منقول

من اكبر عيوب أي تطبيق مهما كان البلاتفورم اللي هيشتغل عليه هو الحجم الكبير واللي وارد جدا يخلي المستخدم يستغنى عنه مهما كانت مزاياه وخصوصًا لو له بديل او منافس حجمه اصغر وخير دليل مثلا هو Facebook Lite ..

وللأسف ناس كتير بتقول ان تطبيقات فلاتر مساحتها كبيرة لكن دة عكس الحقيقة تمامًا لكن بشرط الحذر من عض الحاجات زي: ..

1- Using lots of assets ( Especially PNG, and JPEG)

الصور والايقونات من اكتر الحاجات اللي ممكن تكبر مساحة اي تطبيق وحل المشكلة دي ان الصور تكون NetworkImages
والايقونات تكون بامتداد .SVG
اللي حجمها بيكون صغير جدا بالاضافة انها مش بتبكسل.

2- Flutter packages for easy/not complicated processes
الباكدجز بتكون عبارة عن بروجيكت جوا البروجيكت فكتر استخدامها وخصوصًا الباكدجز اللي بتستخدم في الديزاين اكتر شيء بيضاعف حجم تطبيقات فلاتر بلا منازع !!
الحل انك تاخده تحدي كدة ومع الوقت تحاول تعمل كل حاجة بنفسك وخصوصًا في الديزاينز بإنك تتعمل الحاجات المميزة او الصعبة Components وترجع تستخدمها وقت الحاجة زي مثلا الحاجات اللي فيها Animations
لحد ماتوصل انك ماتحتاجش باكدجز الا للتقيل بس زي
State Management Packages, Dio/HTTP, Maps, Payment Gateways....etc.

3- Dirty code, and/or dirty project structure

معلومة ممكن ماتكونش مشهورة اوي بس عدد سطور الكود الكبير بيكبر حجم التطبيق وطبعا الكود لو مش نضيف من الاول هيجبرك وانت بتكمل عليه انك تكتب سطور كتير ليها بدايل اقل او مثلا تكرر كود معين كذا مرة في الديزاين في نفس الصفحة او صفحات تانية بدل ماتستخدم Reusable Components ..
نفس الكلام لو تقسيم فايلز البروجيكت عندك عشوائي او مطبق Architecture design pattern بشكل غلط وخصوصًا لو مع بروجيكت كبير .. بالاضافة طبعا لو استخدمت باتيرن مش مناسبة لحجم التطبيق كعدد شاشات ومزايا والتمييز في الموضوع دة محتاج قراءة بفهم وتطبيق على اشهر ال Architecture design patterns.
حاول في المجمل كود كل صفحة مايزيدش عن 350 سطر بالكتير جددددددا.

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

ودي بعض الاوامر اللي بترجعلك تقرير في الكونسول شامل تفاصيل مساحة كل حاجة في مشروعك بحيث تقدر تحدد اسباب كبر حجمه بشكل محدد..

flutter build apk --analyze-size --target-platform android-arm
flutter build apk --analyze-size --target-platform android-arm64
flutter build apk --analyze-size --target-platform android-x64
flutter build appbundle --analyze-size
flutter build ios --analyze-size
flutter build linux --analyze-size
flutter build macos --analyze-size
flutter build windows --analyze-size

#منقول

السلام عليكم، هنتكلم النهارده ان شاء الله عن ال GraphQl اللى فى شعبية متزايدة كل يوم وازاى نربطها ب Flutter.

بكل اختصار انت لو عندك Post وعايو تجيب بياناته وبيانات صاحب البوست، هتروح تجيب ال post من ال endpoint بتاعته، وهيجيلك مع الداتا ال userId عشات تجيب اسم ال user وتعرضه فوق البوست.

انت هنا عملت اتنين request وعملت OverFetching يعنى جبت بيانات اليوزر كلها عشان بس تجيب ال name بتاعه، فعملت load عالسيرفر بانه بعتلك بيانات كتير انت مش محتاج منها الا field واحد، وكمان عملت اتنين request عشان post واحد.

لو جينا بقا نعمل الكلام ده بال GraphQl فانت هتقول للسيرفر انا عايز ال title وال body بتاع البوست الفلانى وهاتلى معاك ال username بتاع صاحب البوست، فهيقوم ال Graph باعتلك ال 3 field دول بس من غير اى داتا تانيه، وفى request واحد بس.

فانت هنا قللت بشكل كبير فى حجم البيانات اللى هتجيلك من السيرفر وقللت فى عدد ال requests فبالتالى سرعة الاستجابة هتزيد والتطبيق هيبقى اسرع.

دول 3 فيديوهات بيشرحوا ال Graph وازاى تربطه ب Flutter من الألف لل pagination.

GraphQl: https://youtu.be/2uNKIokdZa0?si=zyTmk_PV65GGkgzk

GrapgQl & Flutter: https://youtu.be/Ru0ddHJQTdw?si=QpfZ2k26hKSGFkzQ

Pagination: https://youtu.be/AB8kSYopjn0?si=rR3gR6aAQLRMX2VE

LinkedIn post: https://www.linkedin.com/posts/ibrahim-eltayfe-204aab246_graphql-activity-7112550357485969408-LBFd?utm_source=share&utm_medium=member_android

مهم ✅️❤️


https://www.linkedin.com/posts/mazap64_flutter-dart-buttons-activity-7112384133305147392-cIjR?utm_source=share&utm_medium=member_android

السلام عليكم ورحمة الله وبركاته

جمعه مباركه عليكم ❤️

ده لينك في تصميمات جاهزه لتطبيقات
اللي عايز يجرب بنفسه يعملهم وياخد خبره من التعامل مع ال UI

ولو حد وقف في حاجه في التصميم او محتاج سؤال يسأل


https://bit.ly/3rWJQhC



بالتوفيق ان شاء الله ❤️

👋👍

#منقول

تعالى اقولك على حاجات بنقع فيها و بتأثر على أداء التطبيقات

- من ضمن الحاجات إللي مش بناخد بالنا منها الفرق بين ال singlechildscrollview و ال listview
و هنا ببساطة هقولك في حالة وجود ليست من item واحد ف الافضل لاداء التطبيق و الاسهل ليك إنك تستخدم ال listview طب امتى استخدم ال singlechildscrollview و هنا في حالة إنك عايز تعمل سكرين سكرول و لكن مش مكونة من item هيتكرر بطول الليست مثلا ✅

- تاني حاجة إحنا بنعرض على الشاشات و بالتالي بيحصل تغييرات في ال UI و دا بيحتاج أداء و استهلاك ل cpu الجهاز و من الحاجات إللي هتقلل الاستهلاك دا استخدام ال const وجودها بيخلي إن لا سكرين أكس مثلا هيتغير فيها واحد و اتنين بس لأن تلاتة و أربعة ثوابت محصلش فيهم تغيير ف قللت حجم تغيير ال widgets و بقى أسرع ✅

- تالت حاجة يفضل دايما تكون على اعلى أبديت Flutter نزلته و دا لأن دايما flutter شغالة على تحديثات جديدة عشان توفر في أداء التطبيق و دا هيساعدك مع استخدام كل أبديت بينزل ✅
- آخر حاجة في مقالة النهاردة و هي ال Dispose اي controller لازم تقفله لما تطلع من الاسكرين إنت معتش محتاجه سايبه ليه 😂
طب يا سيدي سيبته إيه إللي هيحصل يعني ؟
ببساطة لان ممكن بالغلط تعمل create جديد لل controller دا و دا هياخد مساحة تانية ف التطبيق
دا غير إنك تقفله أصلا دا بيشيلها و هتضمن إنها مش هتفضل شغالة و تسبب أي مشاكل أو ضغط على أداء التطبيق و بس كدة ✅.

انظمة التتبع التقديمى ATS تواجه صعوبة فى تحليل المعلومات ضمن الجداول بسبب لوخارزميات البرنامج او وجود خطوط رأسية او عرضية او تقسيمة الصفحة الى قسمين على يمين للمعلومات وعلى يسار للتفاصيل او قسمين بلون مختلف فيصبح البحث مشوشا لدى البرنامج لانها تقرأ من اليسار لليمين فيكون اليسار مشوشا بالرموز والرسومات فيصبح مرفوض كبداية
.
ازالة الخطوط يساعد البرنامج على قراءة الـ CV بشكل جيد وكما قولنا عند الذهاب للمقابلة نقدم الـCV التى بها كل الاشكال والالوان والرسومات ولكن فى البرنامج احترام اوامره لكى نجتازه

المصادر التى توصي بنظام ATS للــ CV

https://www.jobscan.co/blog/best-fonts-resume-ats-recruiter/?jr=on

https://www.jobscan.co/resume-writing-guide

نماذج السي فى المعتمدة وعمل اسكان لها ومراجعتها
https://www.jobscan.co/resume-formats

فى الموقع بعمل عملية انتهاء السي في قم برفعها على الموقع وعمل اسكان لها فيظهر لك الاخطاء قم بتصحيحها وتعديلها لحين لايوجد خطا
https://www.jobscan.co/

نماذج الـ CV المعتمدة من ميكروسوفت والمتوافقة مع ATS
https://templates.office.com/ar-sa/%d8%a7%d9%84%d8%b3%d9%8a%d8%b1-%d8%a7%d9%84%d8%b0%d8%a7%d8%aa%d9%8a%d8%a9-%d9%88%d8%b1%d8%b3%d8%a7%d8%a6%d9%84-%d8%a7%d9%84%d8%aa%d8%b9%d8%b1%d9%8a%d9%81?page=3

.
افعال العمل بالماضي التى انجزته خلال مسيرتك المهنية مثل
مثال managed ,developed , planned ,maximized
لو الشركة طلبت (مدير ) وانت كتبتها فى الوصف بالماضي (ادرتُ مشروع يحتوى على 100 فيلا )
ولكن الصح تقول( مدير لمشروع يحتوى على 100 فيلا ) يعنى تكتب نفس المسمي حرفيا ومرفوض تكتب ادارة المشاريع , ادارة المشروعات , مدير مشاريع سيتم رفضك لامحالة مالم يذكر خلاف ذلك فى المسمي الوظيفى
.
لو كتبت حاصل على شهادة فى ادارة المشاريع ماينفعش تكتب الاختصارات خالص وهو PMP , PMI لازم تكتب الكلمة كامله ثم قوسين والمختصر بتاعها مثل:
Project Management Professional (PMP)
Project Management Institute (PMI)

.
فالبرنامج بيعتمد على 3 حاجات عند فرز الــ CV
الكلمات الافتتاحية - Key Word
افعال العمل – Action Verbs
المهارات الوظيفية – Job Skills
.
مرفق فى الصورة الكلمات الخاصة المتوافقة مع برنامج ATS استخدمها فى كتابه الــ CV سواء طلبها باللغة الانجليزية او العربية وضرورة استخدام الهمزة والضمة والكسرة وغيرها

ثم عمل اقسام ووصف كل قسم مثل ( المعلومات الشخصية – التعليم – المهارات – الخبرة العملية – اللغات – الدورات التدريبية )

تجنب اضافة الصورة والمخططات والجداول البيانية والرموز المصغرة لانه يصعب على ATS قرائتها وبالتالى يرفضها ويكون كل جهودك فى مهب الريح واحلامك يصعب تحقيقها فى الشركة التى تحلم بها بسبب وجود نظام ATS

#قواعد_ATS

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

1) الخطوط العرضية
2) الخطوط الطولية
3) الجداول
4) الرسوم البيانية
5) الصور والشعارات
6) الرموز مثل ®️
7) الأيقونات
😎 الخطوط المائلة italic
9) الخط الأبيض علي خلفية سوداء
10) استخدام أنواع خطوط مختلفة مع بعض
11) استخدام ألوان مختلفة
12) اللينكات Hyperlinks
13) وضع خط تحت الكلمات Underlines
14) اسخدام خط حجمه أقل من 11
15) لاتستخدم صيغة pdf إلا إذا وجدتها من ضمن صيغ الملفات المدعومة واستخدم صيغة word.لان البرنامج بيقرأ من الورد ويفرز الـ CV بالكلمات المفتاحية ودى اهم نقطة يجهلها الكثير
16) عدم توحيد نوع الخط ماينفعش تكتب فونت من نوع وفونت من نوع اخر لام نوع واحد من الفونت وتستخدم التكبير والتصغير للكلام
17) ممنوع تكتب مثلا الاوتوكاد وتحط 5 نجوم والاكسل تحط 4 نجوم البرنامج هيقرأ النجوم على انها رموز مشفرة ويرفضها
17) تجنب الاختصارات للكلمات واكتبها كلمه كامله ثم قوسين ووضع الرمز
18) ممنوع استخدام او تضع خطوط تحت الكلمات نهائيا كل هذا غير متوافق مع ATS
19) ممنوع استخدام تباعد بين الكلمات بهدف ملء الفراغات
20) لاتستخدم اكثر من خطين ولا تستخدم الالوان او الظلال لانه يصعب على البرنامج قراءة السيرة الذاتية لابأس من استخدام الالوان والرسومات وتفاصيل اخرى وغيرها عند الذهاب الى مقابلة عمل لكن فى البرنامج احترم اوامره لكى تجتازه واختيارك للمقابلة
21) لاتستخدم مسافة او فراغ بين الكلمات بل نضع علامة فاصلة , ثم كمل
22) ممنوع استخدام السنة فقط فى الخبرة او التخرج ونحوها بل نستخدم الشهر والسنة مثل 2009/03 يعنى من اليمين لليسار سنة ثم شهر MM/YYYY وفى الخبرة نضع 10+ او 5+ حسب المسمي الوظيفى المطلوب
23) ممنوع عمل السي في ببرامج الفوتوشوب والاليستريتور والباوربوينت وخلافهم لانه يعتبرها صورة وغير معترف بيها في ATS
24) استخدام عنوان للملف عند الارسال لو كانت الشركة اسمها نيوم فيكون العنوان مثال : Cv Mohamed zaki Neom .docx ويرسل الملف بصيغة الورد
فيكون الاسم الاول واخير فقط لكن عند الارسال بالايميل اكتب فى العنوان
CV Mohamed Zaki Neom
مالم تذكر الشركة كود الوظيفة مثل مهندس مدنى او محاسب كود رقم 0100 فتكتب فى عنوان الايميل الكود فقط
عشان يسهل عليهم البحث بالكود
اما اسم الملف
CV Mohamed Zaki CODE : 0100
لامانع من كتابة الصيغة فى الايميل ولكن يهمهم الـCV واسم الملف والكود والبرنامج يقوم بدوره

.
#خطوط_ATS

الخطوط المتوافقة مع برامج ATS
Garamond
Calibri
Cambria
Georgia
Helvetica
Times New Roman
Arial
Palatino
Tahoma
Verdana
.

#حجم_الخط
الخطوط المفصلة والتوضيحية لاتقل عن 12 والعناوين لاتقل عن 14 ولاتزيد 16 واسمك لايقل عن 18 مع توحيد نوع الخط وممنوع استخدام نوعين من الخط
والهدف هو ان نسهل القراءة على البرنامج طبقا لمتطلباته وعدم تشويشة

#الجداول

#لماذا_الشركات_لاتقرأ_CV

ان 90% من الشركات لاتقرأ CV المرسل على الايميل بالرغم انها طالبة الارسال بالايميل وبالرغم انك مرشح بقوة ومع ذلك تتم رفضك

#المشكلة

معظم الناس بتقول لو متصلوش عليك يبقى العيب فيك .. او CV بتاعك شكله وحش .. او خبرتك ضعيفة .. تعال اعملك واحد احترافي بمقابل
.
لاياحبيبي العيب مش فيك فرصتك مطلوبة .. تعال اعرف السبب
.
انا نزلت ايميل من فترة وعملت اعلان وطلبت مهندسين تخيل كم واحد بعت؟؟ 20 الف CV على الايميل .. انت متأكد احنا قرينا الــ 20 الف ؟؟؟ مستحيل لانه بيستهلك طاقة ووقت وتعطيل مصالحنا , فبيتم رفض اغلبهم بما فيهم CV بتاعك
.

#سبب_الرفض
زمان الفرز عشوائي والتوظيف بالحظ لسرعة العمل والباقي اتظلم
مع التطور ظهر نظام جديد بسببه الشركات بترفض بنسبة 75% من المتقدمين للوظيفة بسبب نظام ATS وهى اختصار Applicant Tracking System نظام تتبع المتقدمين
.
لو اول مرة تسمع عن نظام ATS يبقى انت استهلكت من عمرك فى ارسال CV على الفاضي لكل الشركات بالرغم انك عملت CV محترم ومميز وعندك كل الشهادات والخبرات لكن للاسف النظام رفضك

البرنامج ATS مصمم خصيصاً للشركات لتصفية اى سيرة ذاتية لاتكون متوافقة مع شروط الاعلان التى وضعتها الشركة او بمعنى ادق (الــCV مش هيوصل للشركة الا لما يعدى على البرنامج بنجاح زى الطالب مش هيوصل للبكالوريوس الا لما يعدى اولى وثانية وثالثة بنجاح )
.

#مثال_عن_الرفض

شركة طلبت اعلان توظيف مهندس بتوضح فيه المطلوب التالي :
Senior architect
Contstruction drawings
3D models
Computer desing (AutoCAD )
+Years of experience 10

انت بقى عملت CV وكتبت التالى

“A detail-oriented and qualified senior architect who excels in developing construction drawings, creating 3D models, and
conducting architectural research and analysis.”

الشركة تضع جميع الــCV لجميع المتقدمين فى البرنامج يقرأ الكلمات المفتاحية key Word كالتالى :

Detail oriented
qualified
senior architect
construction drawings
3D models
research
analysis

ثم يظهر فى النظام العام للبرنامج بعد الفرز اى من الكلمات فى الــ CV مطابقة مع الكلمات الرئيسية للاعلان فيظهر التالى :

CHECKED : Senior architect
CHECKED : Contstruction drawings
CHECKED : 3D models
NOT CHECKED: Computer desing (AutoCAD)
NOT CHECKED: Years of experience +10

البرنامج اكتشف عندك 3 مهارات مطلوبه لكن لايوجد لديك خبرة فى الاوتوكاد بالرغم انك بتصمم بيه ولايوجد لديك خبرة 10 سنوات لان الـ ATS لم يجدها فى الCV بالرغم انك كاتب خريج 2009 يعنى خبرة فوق ال10 سنوات لكن البرنامج لم يتم حسابها رياضيا بل يقرأها كتابيا 10+ فيتم رفضها
.
اما لو البرنامج تأكد ان جميع المتطلبات CHECKED فتظهر فى قايمة المرشحين للوظيفة وبالتالى يقوم الموارد البشرية بطباعة وقراءة الـ CV وتجميع انسب الاشخاص لعمل مقابلة شخصية ثم يتم رفض الباقي لعدم الاعتراف به فى البرنامج وذلك لتقليل الوقت بدلا من فرز 20 الف CV على مدار شهور
.

#الكلمات_الرئيسية

البرنامج بيعتمد على الكلمات المفتاحية الرئيسية المسجلة عند استخدام ATS مرفقة فى الصور باللغة العربية والانجليزية لجميع المجالات وهو السبب فى رفض 75% من السيرة الذاتية تلقائيا لاغلب المتقدمين لان الشركات تعتمد على المسح بحثاً عن قائمة محددة من الكلمات الافتتاحية المطلوبة فانت تعامل معهم على انهم ذكاء اصطناعى بنظام ATS وليس ذكاء بشرى

#كلمات_المجالات_ATS

مرفق المجالات والكلمات المفتاحية المتوافقة مع ATS باللغة العربية والانجليزية للمجالات التالية ( الهندسة المدنية - المعمارية - الكهربائية - الادارية - البيع وخدمة العملاء - التدريس والتعليم - التسويق والمبيعات - التصنيع والانتاج - التصميم والرسم الابداعي - الخدمات العقارية والانشاءات - السياحة والسفر - الصحة والسلامة - الاطباء والتمريض - العلاقات العامة -المحاسبة - المحاماة - المشتريات والنقل والخدمات - تكنولوجيا المعلومات - حاسبات وبرمجيات - سكرتارية وادارة المكتب - الفنادق والطعام - كلمات افعال )

#مثال

الكلمات الاساسية مثل مؤهلاتك تكون كالتالى
Computer science , leadership , people skills ,critical thinking
لو الوظيفة طلبت مهندس معمارى مثل Architectural فلو كتبتها Arch. سيتم رفضها لان البرنامج مسجلها باسم Architectural كلمه كامله فضرورى ان تكون الكلمات المفتاحية كامله ومطابقة مع الكلمات فى برامج ATS

Upload File UI challenge ❤️

Source code :

https://github.com/mazab99/upload_file_ui


Youtube :

https://www.youtube.com/channel/UCy9PQQh1C48BujwnYteA-Vg