كيف تحفز نفسك للاستمرار في تعلم البرمجة

لمطورين الويب Web Development هذي خدمة تحول لك اي نص الى كود (مكون) باستخدام الذكاء الاصطناعي 🔥

Chat2code.dev
  
يستخدم  Tailwind Css ✅

وتقدر تستخدمه مع اي إطار مثل React, Vue, Angular, Svelte, Vanilla ، Flutter

من أسباب الفشل في تعلم البرمجة
(الإستعجال في التعلم)
كثير من المقبلين على التعلم بعد الدخول في دوره أو كتاب يشرح لغة معينه دائماً يكون مستعجل في الإنتهاء وممكن بسبب العجله أن يقوم بعدم مشاهدة بعض الدروس ويقول أنها ليست مهمه في منتصف الدوره ويريد أن يصل إلى أخر الدورة بسرعه لكي يدخل مثلاً في المشروع الموجود بآخر الدورة وبعد إنتهاء الدوره يخرج منها وما يكون حصل ١٠٪ من المعلومات الموجوده بها.


   #أمثله_لأسباب_العجله_بالتعلم :-
١- الرغبه في إثبات الذات أمام الأصدقاء أنني قمت بعمل مشروع أو تعلمت الدورة الفلانية .
٢- أحياناً يكون الملل من كم المعلومات الهائل في وقت قصير .
وغيرها الكثير .

#كيف_تتغلب_على_هذه_المشكله:-
١- عليك أن تعرف أنه لا يوجد نهايه للتعلم فمهما تعلمت ستحتاج أن تتعلم أكثر فلِمَ العجله.
٢- عليك أن تضع أهدافك من التعلم بوضوح
( إسأل نفسك لماذا تتعلم البرمجه هل لكي يقال عليك مبرمج رائع بين أصدقائك بسيطه يمكنك تعلم أساسيات بسيطه وتعديل على تطبيق وترفعه وتضع إسمك عليه وستحصل على ذلك اللقب بين الأصدقاء وبالآخر بينك وبين نفسك فأنت تعلم أنك لست مبرمج)

٣- قبل البدأ في أي دوره شاهد درسين أو ثلاثه من البداية لو أحسست أن أسلوب الشرح يناسبك عليك تكملة الدوره إلى الأخر وإن أحسست عكس ذلك إبحث عن دوره أسلوبها يتناسب معك.

٤- ضع خطة للمذاكره يوميه حتى ولو كل يوم نصف ساعه ستصل آخر السنه بكم معلومات ممتاز وهذا أفضل من أن تدخل دوره وبالمنتصف تتركها وتروح دوره أخرى وهاكذا فإنك لا تحصل على شيء


•┈┈┈•❈••✦✾✦••❈•┈┈┈•

🔥انواع widget في Flutter

Widget__StatelessWidget
     |
     |__ StatefulWidget
     |
     |__ ProxyWidget
     |              |
     |              |___ InheritedWidget
     |              |
     |              |___ ParentDatawidget
     |
     |__ RenderObjectWidget
           |
           |__ LeafRenderObjectWidget
           |
           |__ SingleChildeRenderObj...
           |
           |__ MultiChildRenderObj...

• ‏دارت لغة برمجية أنشات في 2011 وتم تبنيها وتطويرها من قبل جوجل، وتعتبر لغة تدعم العديد من المنصات مثل الويب وسطح المكتب والهواتف الذكية.
دارت مبنية على البرمجة الشيئية وتدعم الكلاسات وال garbage collections وطريقة كتابة الاكواد فيها مشابة للسي والجافا

‏🔵المتغيرات في دارت من النوع الاختياري
أي انه يمكنك اختيار نوع المتغير أو ما تحدد شي   وتكتفي بإستخدام var

‏🔵 انواع المتغيرات في لغة dart شبيهة بباقي اللغات

‏🔵 تقدر كمان تعرف نوع المتغير اثناء عمل البرنامج، نشوف انه لغة الدارت جمعت بين قوة اختيار المتغيرات  مثل الجافا والسي وكمان مرونة عدم تحديد المتغير مثل الجافا سكريبت

‏🔵 أخر نوع راح اتكلم عليه هنا هو الdynamic type ويعطي مرونة كبيرة ومفيد جدا في برمجة الدارات وفي الفلاتر كمان

‏2⃣ الدوال (Functions)
في لغة الدارت، تعتبر الدوال من أنواع المتغيرات،  وذلك يمكننا من اضافتها لدوال أخرى كمتغيرات وكذلك إرجاعها عن طريق return https‏

ا3⃣ Mixins: - في حالة إحتياجك لوراثة اكثر من كلاس ، يمكن استعمال الMixins لعمل هذه الشيء بهذه الطريقة وباستعمال With https

‏4⃣ Constructorsهناك العديدمن الـ Constructors  في لغة Dart  مثل الnamed constructors، factory constructors ، private constructors


‏5⃣ Asynchronous Programming
لغة الDart  لغة single threaded  وبالتالي ما ينفع نعمل اكثر من thread  لتنفيذ المهام بنفس الوقت، بديل عن ذلك تقدر تستعمل الFutures  لتنفيذ نفس المهام الممكن تنفيذها في الmulti-threaded languages

‏6⃣ أدوات تساعدك في البدء في لغة برمجة دارت


‏🔵 أول أداة هي الDartPad  وهو عبارة عن موقع يمكنك من خلاله برمجة وتطبيق لغة الدارت وتجربة اللغة، الموقع يحتوي على كل المكاتب الأساسية ويفتقر لبعض المكاتب المتعلقة بال VM مثل dart:io المتخصصة في الملفات والاتصال بالنت.

‏🔵 معلومة مهمة: تقدر تجرب الفلاتر وتطبيقات الموبايل البسيطة عن طريقه بدون أي تنصيب

‏🔵Pub
مدير ملفات خاص بالدارت مهمته تسهيل إضافة وتثبيت ونشر المكتبات الخاصة بالدارت

‏🔵 Dart2js
كومبايلر يحول كود الدارت لجافا سكريبت  ويتم استخدامه عند برمجة تطبيقات خاصة بالويب

ا🔵 Dart2native 
كومبايلر يحول كود الدارت لكود يعمل على 64x machines بحيث يدعم ماك، ويندوز ولينيكس

‏7⃣ أهم الـ IDEs للبدء في البرمجة بلغة Dart

‏🔵 اندرويد ستديو : البرنامج المستخدم لتطوير تطبيقات الاندرويد بلغة الجافا أو الكوتلين، يدعم استخدام الدارت والفلاتر بعد تنصيب ملفاتهم والاضافات الخاصة فيهم، طريقة الاستخدام موجودة في موقع دارت وفلاتر

‏🔵 intellij idea
مشابه للاندرويد ستديو، ( إختيار مفضل بالنسبة لي) ‏

🔵 فيجيوال ستديو كود (VS Code)
برنامج من visual studio خفيف الحجم ويمكنك استخدامه لعمل برامج دارت.

كانت هذه بعض النصائح التي يحتاجها كل المقبلين بتعلم البرمجة..

للمزيد تابعوني على حسابي في انستغرام _Tech_thought

📌 مطور Flutter وتبحث عن وظيفة؟
هذه مجموعة من أهم أسئلة المقابلات الوظيفية كمطور Flutter  👨‍💻
Flutter Interview Questions
👇
https://www.interviewbit.com/flutter-interview-questions

وانا اشوف اهم شيء معرض اعمالك والتطبيقات اللي انجزتها👌🤩

اضافات رهيبة لمطورين Flutter تقدر تثبتها على  Vs Code .. وتسهل لك الكثير🤩👌

1. Flutter Widget Snippets
https://marketplace.visualstudio.com/items?itemName=alexisvt.flutter-snippets

2. Flutter Tree
https://marketplace.visualstudio.com/items?itemName=marcelovelasquez.flutter-tree

3. Json to Dart Model
https://marketplace.visualstudio.com/items?itemName=hirantha.json-to-dart

4. Pieces for Vs Code
https://marketplace.visualstudio.com/items?itemName=MeshIntelligentTechnologiesInc.pieces-vscode


5. Pubspec Assist
https://marketplace.visualstudio.com/items?itemName=jeroen-meijer.pubspec-assist

#Flutter_resources
أفضل قنوات اليوتيوب وكورسات يودمي التي تساعدك في طريقك لتعلم فلاتر Flutter and Dart باللغة العربية والانجليزية
أولا: قنوات اليوتيوب
قنوات عربية
تعلم Dart على قناة Code2start
https://www.youtube.com/watch?v=ZYXol94Lyi0&list=PL3aG1K3LWCrdihgr1PnIrbphTyt3PZwoK
قناة وائل أبو حمزة
https://www.youtube.com/watch?v=kgN7veo9tC0&list=PL93xoMrxRJIsYc9L0XBSaiiuq01JTMQ_o
قناة وائل سعفان لتعلم لغة Dart
https://www.youtube.com/watch?v=HVYlPAw70MU&list=PLMDrOnfT8EAj6Yjdki9OCLSwqdBs4xhQz
قناة عالم البرمجة
https://www.youtube.com/watch?v=OGXUutMhy2g&list=PL42ydVea7qf4sGtRtTkklJv7r1UCRHfGh
قناة أحمد محمدي
https://www.youtube.com/watch?v=om_3LFEwTRU&list=PLqPejUavRNTXQyOCdA8vw-xN-yhFBK9S6
قناة عمار الخطيب
https://www.youtube.com/watch?v=lRercKJaAes&list=PLw6Y5u47CYq47oDw63bMqkq06fjuoK_GJ

ثانيا : القنوات الأجنبية
Flutter.dev
https://www.youtube.com/c/flutterdev
The Flutter Way
https://www.youtube.com/c/TheFlutterWay
The Net Ninja Flutter Course
https://www.youtube.com/watch?v=1ukSR1GRtMU&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ
FlutterMapp
https://www.youtube.com/c/FlutterMapp
Flutter Explained
https://www.youtube.com/c/FlutterExplained
Flutter Ship
https://www.youtube.com/c/FlutterShipp
Learn Flutter
https://www.youtube.com/channel/UCP-qCV1_Hs8x7L8nL6Zh3UQ/videos
Code with Andrea
https://www.youtube.com/c/CodeWithAndrea/playlists
DBestTech
https://www.youtube.com/c/dbestech
Tech With Tim; Flutter Playlist
https://www.youtube.com/watch?v=ly0hAtV7EBg&list=PLzMcBGfZo4-knQWGK2IC49Q_5AnQrFpzv
ثانيا : الكورسات العربية على يودمي Udemy
كورس عبد الله منصور
https://www.udemy.com/course/complete-flutter-arabic/learn/lecture/25649890?start=15#learning-tools
كورس حسن فليح
https://www.udemy.com/course/fluttercourse/learn/lecture/20802876?start=15#questions

Ismail Elmogy
https://www.udemy.com/course/clean-architecture-in-flutter-arabic/
Walid asroo
https://www.udemy.com/course/flutter-ar-e-commerce-getx-firebase-full-app-mvc-2022/learn/lecture/30018382?start=0#overview
الكورسات الانجليزية على يودمي Udemy - الأكثر تقييما
Flutter & Dart - The Complete Guide [2022 Edition]
https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/
The Complete 2021 Flutter Development Bootcamp with Dart
https://www.udemy.com/course/flutter-bootcamp-with-dart/
Build FoodPanda & Uber Eats Clone App with Admin WEB Portal
https://www.udemy.com/course/build-foodpanda-uber-eats-clone-app-with-admin-web-portal/

Resources in Facebook : https://www.facebook.com/groups/964467847690139/
🙂🙂

ف بعض الاوقات بنبقي عايزين نعمل تعديل بسيط او
نضيف شكل معين للتطبيقات اللي بنبنيها عشان العميل
انت عارف انه مودي 🤷‍♂️

وطبعا لو انت زي حالاتي بيطلع عينك ف انك تختار شكل
التعديل دا 😥

دا لينك علي تصميمات كتير كدا لاجزاء معينه من ال UI
بحيث تقدر تبتدي وتستخدمها علي طول لو قابلتك
مشكله زي دي لينك : https://calltoinspiration.com/

بالتوفيق ❤

تم إصدار الإصدار الجديد من Flutter 3.13 🎉

ما الجديد في إطار العمل:
✔️ التمرير ثنائي الأبعاد - الأساسيات المضافة للتمرير ثنائي الأبعاد وشرائح التمرير الجديدة لإنشاء تأثيرات فريدة
✔️ رسومات أسرع باستخدام Impeller - أداء مُحسَّن على نظام iOS ودقة الصورة والتقدم على Android
✔️ تحديث Material 3 المحدث - زيادة القدرة على التكيف مع المنصات وخيارات التخصيص الموسعة
✔️ صفحة موارد محدثة لإنشاء ألعاب باستخدام Flutter
✔️ وبالطبع دارت 3.1 بأسلوب البرمجة بنمط وظيفي

كيفية توسيط الزر العائم بمنتصف الشاشة

How to center the floating action button in flutter