قــنـاة | مُڪرم 👨🏻‍💻

هذي طريقة تقسيم مشروع Flutter Project بحيث تنظم المشروع بشكل صحيح يكون قابل للقراءة والصيانة والتطوير، هذي طريقة تفصل الـ UI عن Logic. ✅👨🏻‍💻 #flutter

Flutter CLI Command 👨🏻‍💻✅ #flutter

أهلاً 👋🏼 في هذا الفيديو شرحت طريقة ربط جهاز الحقيقي على تطبيق اندرويد استديو بدون استخدام USB ✅

أصدقائي اللي في القناة أحياناً أنسى بمشاركتكم بما هو جديد لذلك تابعوني على فيسبوك بتلاقوا كل جديد ✨🩵 https://www.facebook.com/share/e9g13bzzELkgt8d7/?mibextid=qi2Omg

مرحباً 👋🏼 الشرح بيكون طويل بس مهم 💯✅ يلا نبدأ: الفرق بين إستخدام الـ [index] أو إستخدم elementAt(index) للوصول لعنصر معين داخل List بدلالة ال Index تبعه. الطريقتين بيوصلوا لنفس النتيجة، ولو بدلت بينهم في الكود ما بتلاقي فرق، لكن من داخل فيه فرق رهيب في الأداء بين الاثنين. ال elementAt(index) هذي Function تبع Class في فلاتر اسمه Iterable، هذا الكلاس خاص بأي حاجة ممكن أعمل عليها Iteration داخل فلاتر زي الـ List والـ Set، ولإنه داخل في تركيب أشكال كثير، فبالتالي ال Functions تبعه بتكون عامة مش متخصصة لنوع معين من Data Structure، عشان كذا الـ Function تبع elementAt(index) عامة على كل الأنواع، فبتعتمد إن هي بتقعد ت Iterate "تعد" من صفر لحد ال Index اللي انت طلبته وتجيبه لك. يعني لو عندك List فيها عشر آلاف رقم، وانت طالب الرقم الأخير فيها، بتحتاج تمشي على العشر آلاف رقم كلهم عشان بس تجيب لك الرقم اللي انت طلبته! في حين [index] هذا Operator خاص بالـ List نفسها، بيستخدم خصائصها في إنه يعمل Constant Accessing لأي Index انت بتطلبه. على نفس المثال اللي الاول عندنا 10 آلاف رقم واستخدمت ال [] عشان أوصل للرقم الأخير بتروح تجيبه مباشرةً في عملية واحدة بس بدل 10 آلاف عملية. الخلاصة: أستخدم[index] للوصول للبيانات اللي انت محتاجه، بدلاً من elementAt(index).

اذا انت محتاج تضيف امواج في Web/App حقك👀 لاتتعب نفسك في موقع يحل لك الموضوع👍🏼 تقدر تحمله كصوره SVG او تسوي كوبي للكود SVG 😎✅ getwaves.io‎

عبارة عن شويه tools and extensions في الـ visual studio code ممكن تساعدك 🔹Rainbow Tags بيلون الـ HTML Tags فشكل الكود بيكون منظم اكتر 🔹 Color Highlight بيعمل Heighlight للـ variables او الـ hex بتاعة الألوان باللون بتاعها 🔹 Todo Highlighter بتساعدك تقسم مهامك ف الكود. 🔹 Auto Renametag و دي من خلالها لو هتعدل اسم الـ Tag تقدر تغير إسمه في الـOpen tag و هيسمع في الـClose tag تلقائي. 🔹 Bookmarks بتقدر تميز بيها الأجزاء المهمة بتاعتك علشان تعرف ترجعلها ف أي وقت بسهولة. 🔹Image preview بيحط صوره مصغره للصوره جنب رقم الـ Line اللي موجوده فيه فبيساعدك تتأكد انك من الصوره اللي عاوزها 🔹 Auto Import بيعملك Auto Import وبيحطلك ال Path كمان 🔹Project Manager بيساعدك توصل للـ Projects اللي شغال عليها بسهوله بغض النظر عن المكان اللي هما موجودين فيه 🔹SQL server بتحول VS Code لسيرفر قواعد بيانات كامل عن طريق إنك تجرب الـQueries و تتأكد منها قبل ما تضيفها ف البرنامج بتاعك. 🔹 SVG Viewer تقدر من خلاله تشوف الصور الـSVG من غير ما تحتاج لبرامج خارجيه ، و كمان تقدر تحولها لـPNG أو تعملها URL 🔹Material Icon Theme بيعملك الـFile Icon علشان تكون عارف ال file دا الـ Extension بتاعه ايه 🔹IntelliSense for CSS class names in HTML بيشوف كل فايلات الـ CSS اللي ف ال project بتاعك وبيعملها Cash وانت شغال بيبدأ يعملك auto complete لاسماء ال classes 🔹 ESLint بتستخدم مجموعة من القواعد و تحلل الكود بتاعك بهدف إنها تحسنه. 🔹 CSS Peek و دي من خلالها بتقدر تشوف كود ال CSS إللي بيأثر على الـTag إللي إنت عنده. 🔹 Faker بتوفرلك بيانات وهميه للتجربة زي أسماء أو أرقام أو صور و حاجات تاني. 🔹Live Server و دي بقى بتعمل تحديث لبيانات المتصفح تلقائي من غير ما تعمل Refresh. 🔹HTML Boilerplate بتسهل علينا بدال ما نكتب تاج head و body ف بنكتب html بس و بنلاقي هيكلة صفحة html كاملة إتبنت. 🔹Code OCR - Extract Code from image VS Code Extension من خلاله تقدر تعمل Extract للـ Code لو موجود في صوره 🔹 CodeSnap بيخليك تعمل Screenshot الكود بتاعك بسرعة و بشكل حلو 🔹Change Case بتقدر من خلالها تغير الـtext بتاعك من Small لـCapital أو العكس. 🔹One Monokai Theme بتقدر من خلالها تغير الوان VS Code و لون الكود بتاعك. 🔹 Minify بتساعدك تعمل ملفات صغيره لملفاتك و بتدعم HTML, CSS, JS. 🔹 Auto CloseTtag و دا علشان لو بتنسى تقفل الـTag بتاعك فدا بيقفلك الـTag تلقائي. 🔹 Open in Browser من خلاله تقدر تفتح البروجكت على الـ Browser من و انت في VSCode بمجرد ما تعمل Alt + B

موقع رهيب لمصممين الموقع يقوم بتوليد أكواد CSS مجانا استنادا إلى مواصفات تصميم الشكل الزجاجي glassmorphism كل اللي عليكم تختاروا الخلفية , وتحددوا : Blur value, Opacity , Saturation ويظهر لكم الكود جاهز الرابط: https://ui.glass/generator/

مرحباً أصدقائي 😁👋🏼 حبيب أشارك معكم واحد من الأعمال البسيطة ✅ تطبيق محفظة إلكترونية ⚡💻 برمجته على السريع باستخدام (Dart and Flutter) 🚀‍ ‍ رابط الكود (source Code): https://github.com/MokarmDev/wallet-app.git

أهلاً 👋 جيت لكم بموقع رهييييييييييييييييب فعلاً 😍 الموقع يحول أي تصميم فيجما لكود flutter 🤯 مجااااااااااني بالكااااااااااااااامل ✅ مش بس كذا وتقدر تعدل على الكود من داخل الموقع وتعدل كمان بدون كود من خلال الواجهات😎 ايضاً تستطيع اختيار نوع state managemen اذا كانت Bloc,Provider,GetX 👌 موقع فيه مميزات وتفاصيل كثيرة استكشفوها بنفسكم 🤩 الرابط : https://www.dhiwise.com/

اهلاً 👋 قبل فترة انا نشرت موقع يرسم لك مخطط لو عندك بيانات على شكل JSON 🧐 اليوم جبت لكم هذي الاضافة تثبتها على متصفح كروم ترسم لك ال respone على شكل مخطط ذهني 😍 رائعة جربوها رابط الاضافة : https://chromewebstore.google.com/detail/json-viewer-pro/eifflpmocdbdmepbjaopkkhbfmdgijcc?hl=ar&utm_source=ext_sidebar

مرحباً👋 اليوم جبت لكم repo رهيب جداً لمبرمجين Flutter 😍 فيه Flutter tips and tricks مشروح بأمثلة نفس الصورة 👇 الرابط : https://github.com/bizz84/flutter-tips-and-tricks

من الاشياء اللي أخذت مني مجهود في فهمها هي Sorting Algorithms 🙂💔 جبت لكم موقع يبسط بشكل رهيب فهم بعض الخوارزميات مثل Insertion Sort , Selection Sort, Bubble Sort ,Heap Sort..... جربوا الموقع :https://sadanandpai.github.io/sorting-visualizer/dist/#/sorting-visualizer/bubble

موقع رهيب لأي Front End يحتار في اختيار الألوان، بيجرب لك الألوان على موقع حقيقي، مع إمكانية تخصيصها وحفظها 😍⚡✅ رابط الموقع: https://www.realtimecolors.com

وين هذا الموقع أيام مشاريع التخرج ؟ 🥲💔 اليوم جايب لكم موقع رهيب جداً 😍 شات للمخططات وتحليل قواعد البيانات 💯 تكتب له المتطلبات اللي تحتاج يرسمها لك ونوع الرسم اذا كان ERD OR Use-Case أو غيره ويخطط لك ويساعدك بالتحليل 😎 جربوا الموقع: https://chatuml.com/edit/new

معلومة مهمة لمبرمجين flutter ⚡✅

معلومة مهمة لمبرمجين flutter ✅⚡

موقع مجمع فيه قوانين تجربة المستخدم ⚡📍 رابط الموقع: https://lawsofux.com/ar/