هذا الموقع يفيدك لو بتدرب على إنشاء الAPI يوفر لك قائمة بالمستخدمين
بيانات وهمية .. تقدر تستخدمها وتتعلم على التعامل مع الapi من خلالها✈

RANDOM USER GENERATOR  :

https://randomuser.me/

اضافات رهيبة لمطورين 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

كورس تعلم بوتستراب من الصفر إلى الاحتراف مجانا من أهم المكتبات الي رح تساعدك جدا ب تصميم المواقع🔥🔥🔥
https://youtu.be/b3ROWmXZ7iA?si=uFzNwat5DWVukm7F

🔰 مـعـلـومـة

💬 معاني أرقام الأخطاء التي قد تراها على مواقع الإنترنت

🔸 301 : تم نقل تلك الصفحة نهائياً.
🔸 307 : تم نقل تلك الصفحة مؤقتاً.
🔸 401 : رؤية الصفحة تحتاج ترخيص (كلمة سر).
🔸 403 : ممنوع أن تصل لهذه الصفحة.
🔸 404 : صفحة غير موجودة.
🔸 405 : لقد وصلت لتلك الصفحة بطريقة خاطئة.
🔸 408 : إنتهى وقت محاولة وصولك للصفحة قبل أن تصل إليها.
🔸 414 : عنوان الصفحة\الموقع URL أطول من الطبيعي.
🔸 500 : مشكلة في الموقع نفسه.
🔸 503 : الخدمة غير متوفرة ربما بسبب الضغط الكبير على الموقع.
🔸كل أرقام الـ 100 : تعني معلومات إضافية (لن تراها في الغالب).
🔸كل أرقام الـ 200 : تعني النجاح (لن تراها في الغالب).
🔸كل أرقام الـ 300 : تعني إعادة توجيه Redirection.
🔸كل أرقام الـ 400 : تعني فشل من العميل “أنت”.
🔸كل أرقام الـ 500 : تعني فشل من السيرفر (الخادم الذي يستضيف “الموقع نفسه”).

🔰 مـا الـفـرق بـيـن UI و UX ؟

الـ UI هي اختصار لــ "User Interface" والتي تعني "واجهة المستخدم"، في عالم التصميم والبرمجةنقصد بها الواجهة الرسومية التي تجعل من المواقع، الأنظمة أو التطبيقات أسهل استخداماً وأقل ترتيباً.

الـ UX هي اختصار لــ "User Experience" والتي تعني "تجربة المستخدم"، المقصود بتجربة المستخدم هو السلوك والتأثر الذي يشعر به المستخدم من خلال المنتج (الموقع أو التطبيق ..) فمثلاً إذا أردنا تصميم موقع فيجب علينا أن نضع جميع المرافق والأزرار ونفكر في تصرفات المستخدم عندما يستخدم المنتج.

الفرق بينهما كبير، فواجهة المستخدم (UI) مرئية وهي الواجهة الموجودة عند تصفحك لأي موقع وذلك من أزرار وصور وألوان وغيرها.
أما تجربة المستخدم (UX) غير مرئية، هي فقط السلوك والتأثير الذي يشعر به المستخدم.

🔰 نـصـائــح ذهـبـيـة لـتـعـلـمـك الـبـرمـجـة

🔹 فـهـم الأسـاسـيـات :
عندما تكون مبتدئ في عالم البرمجة سيجعلك مستجعلاً في عملية التعلم لدرجة من الممكن أنك تتتخطى الأساسيات وتواجه صعوبة في المراحل المتقدمة، لذلك أنصحكم بفهم الأساسيات بشكل جيد وذلك بتعلم الخوارزميات وهياكل البيانات.

🔹 اخـتـر لـغـة الـبـدايـة :
أو مشكلة تواجه المبتدئين هي "بــأي لــغــــة أبـــدء ؟"
عليك باختيار لغة البرمجة حسب المجال الذي تريد التخثدصص فيه، فمثلاً لتطوير تطبيقات الـ Android تعلم لغة Java أو Kotlin.

🔹 الـتـعـلـم بـالـمـمـارسـة :
بعد أن تتعلم مفاهيم وأشياء جديدة، حاول بناء أي مشروع بسيط يخطر في بالك ويكون له علاقة بالمواضيع التي درستها، غالباً ما يكون المشروع الشخصي أفصل نقطة بداية.

🔹كـتـابـة الـتـعـلـيـقـات :
هي إحدى أكثر الطرق فعالية حتى تُراجع الكود بسرعة، بدلاً من أن تقضي وقت طويل حتى تتذكر أو حتى تُعيد مشاهدة الدورة التي تتعلم منها لكي تصل للفكرة التي تريد مراجعتها.

🔹 لا تـشـتـت نـفـسـك :
لا تقُم بتعلم لغتين في نفس الوقت، ولا تُتابع دورتين أو أكثر معاً، لأنك لن تتعلم شيء؛ والأصح هو أن تتعلم لغة برمجة وتُنهي دورة ثم تنتقل إلى أخرى.

🔹 تـعـلـم الإنـجـلـيـزيـة :
لا أطلب منك أن تكون متحكم بشكل كامل في اللغة الإنجليزية، ولكن بشكل متوسط حتى تتمكن من البحث، لأن أغلب وأفضل المصادر متوفرة بالإنجليزية لأنها لغة التكنولوجيا.

🔹 تـحـلّـى بـالـصـبـر :
في الحقيقة مرحلة التعلم صعبة في البداية، لذلك عليك بالصبر وستسهل عليك مع الوقت شيئاً فشيئاً، لذلك لا تتراجع من البداية.

4 دورات تأسيسية للمبتدئين من قناة الاستاذ محمد ابو هدهود😍😍

1- سلسلة أساسيات مهمة لكل مبرمج

https://youtube.com/playlist?list=PL3X--QIIK-OHgMV2yBz3GLfM5d_5BxOSj&si=bPtyy8NbvNWTHx6a

2- سلسلة الخوارزميات وحل المشاكل المستوى الاول

https://youtube.com/playlist?list=PL3X--QIIK-OEUIwbQU79V76RHelBUQKiz&si=KY18xd6EbO2tyhWV

3- مقدمة في البرمجة بااستخدام ++C

https://youtube.com/playlist?list=PL3X--QIIK-OFIRbOHbOXbcfSAvw198lUy&si=3RTt-fyyH6YhVb5h

4- حلول متقدمة لسلسلة الخوارزميات وحل المشاكل

https://youtube.com/playlist?list=PL3X--QIIK-OEwPmZVfltqCYy6_RuwXr4A&si=ArKYQNK-tX2a1e9r

ادوات لاغنى عنها لمطوري FrontEnd 😍🔥

📌 Vs Code
محرر اكواد مجاني وخفيف مع توفر العديد من الاضافات
📌 Figma
أداة لانشاء التصاميم Ui/ux بشكل مجاني
📌 CodePen
موقع لتنفيذ وتجربة الاكواد اونلاين مع العديد من الافكار
📌 Dribbble
للاستلهام وتجميع الافكار
📌 W3schools
مصدر لتعلم كل مايخص الويب مجانا

📌 هذا الموقع اعتبره كنز 💰
فيه دروس وشروحات لكل شيء تبي تتعلمه بمجال البرمجة او مجال الحاسب بشكل عام 👌
تقريبا كل المجالات فيه
Web Development
Computer Science
Machine Learning
Mobile App Development

وغيرها الكثير!


🔗 https://www.tutorialspoint.com/

دورة لغة سي شارب الكاملة من الصفر الى الاحتراف 🔥🔥
https://youtube.com/playlist?list=PLhiFu-f80eo-tcwk0nYsehyPErEhw9scm&si=8PXv47BnGq9Rl5e-

..
📌 ملخصات حلوووه ل Tailwind CSS ..

https://umeshmk.github.io/Tailwindcss-cheatsheet/

https://tailwindcomponents.com/cheatsheet/

البرمجة أكثر من مجرد أكواد؛ إنها وسيلة لحل المشكلات، تحقيق الإبداع، وتشكيل المستقبل. كل سطر من الكود يحمل إمكانية للتغيير والابتكار.

🔰 الـخـوارزمـيـات _ Algorithms

الخوارزميات هي طريقة ممنهجة في حل مشكلة ما، مما يعني التفكير في خطوات لحل مشكلة معينة.

من المُفيد تعلم الخوارزميات، لأنها ستنقل تفكيرك من التفكير العادي إلى تفكير المبرمج وتهيئك لفهم كيفية كتابة الكود سطر سطر (كل سطر يعني خطوة).
بمجرد أن تشعر أنك فهمت الخوارزميات ويمكنك حل بعض التمارين يمكنك الانتقال للكود، حيث أن كتابة الكود أيضاً يطور من خوارزمياتك وطريقة تفكيرك.

لتعلم الخوارزميات يكفي أخذ درس نظري والإكثار من التمارين، وذلك ليتعود عقلك على التفكير الممنهج.

🔸 أهم ما عليك فهمه في للخوارزميات هو :
▫️الإدخال والإخراج _ Input / Output.
▫️ الحلقات _ Loops.
▫️ الشروط _ Conditions.

لكن لا تخسر كل طاقتك في تعلم الخوارزميات؛ اعتبرها كمدخل فقط للغة البرمجة التي ستتعلمها.

🔰 الـكـود الـنـظـيـف _ Clean Code

الكود النظيف هو طريقة كتابة الكود بشكل يسهل قراءته من قِبل كاتبه أو المبرمجين الآخرين، والتعديل عليه حتى بعد زمن طويل، ويعتمد على المبرمج بشكل خاص حيث أن لكل مبرمج أساليبه في كتابة الكود الخاص به.
من أسباب كتابة كود نظيف يسهل فهمه والتعامل معه، هو إن قمت بكتابة برنامج ثم أردت التعديل عليه بعد مرور عدة سنوات فستكون قد ساهمت في تسهيل المهمة على نفسك؛ أو في حال كتبت برنامجاً وسيستلمه منك مطور آخر ليقوم بالتعديل عليه؛ وكذلك لتسهيل إصلاح الأخطاء البرمجية والتعامل معها.

♦️ خـطـوات لـكـتـابـة كـود نـظـيـف :
🔸 وضع مسافات متساوية بين الجمل البرمجية، ويفضل أن تظهر عبارة واحدة فقط في كل سطر.

🔸 تقسيم البرنامج إلى أقسام واضحة، حيث أن كل قسم يعبر عن عملية معينة أو مجموعة من العمليات المرتبطة.

🔸 التسمية الواضحة (سواءً للمتغيرات أو الدوال..)، بحيث تكون لها علاقة بالعملية البرمجية التي تقوم بها، ويستحسن عدم تكرار المسميات لغرض آخر.

🔸 كتابة الملاحظات (التعليقات _Comments) داخل الكود عند العمليات لتوضيح سبب كتابة هذه العملية واستدعائها، مع مراعاة عدم كتابة تعليقات زائدة عن الحاجة.

ومن بين الطرق أو النصائح لكتابة "كود نظيف"، هي أن تعرض الكود على صديق لك ليقرأه ويحاول فهمه، عندها ستعرف مالذي تستطيع تسهيله أكثر.
والإطلاع على مشاريع المبرمجين المحترفين ومحاولة التعرف على الطرق والأساليب التي استخدموها لكتابة أكوادهم.

كورس Asp.net core من الصفر الى الاحتراف 🔥

https://youtube.com/playlist?list=PLhiFu-f80eo8dnOxALGCclPan-QdUa0Ob&si=tIl7T-v0Ln9AjNnT

مواقع العمل عن بعد
تقدر من خلالها باذن الله هتلاقي فرصه شغل

‏1 - Remote OK
‏https://remoteok.com/

‏2 - Just Remote
https://justremote.co/remote-developer-jobs

‏3 - AngelList Talent
‏https://angel.co/jobs/home

‏4 - We Work Remotely
https://weworkremotely.com/

‏5 - Hired
‏https://hired.com/

6 - Flex Jobs
‏https://www.flexjobs.com/jobs/featured

‏7 - Upwork
‏https://www.upwork.com/

‏8 - Job Spresso
‏https://jobspresso.co/

‏9 - Daily Remote
‏https://dailyremote.com/

‏10 - Remote Leaf
‏https://remoteleaf.com/

11 - Showwcase
‏https://www.showwcase.com/job/8725

‏12 - JS Remotely
‏https://jsremotely.com/

‏13 - LinkedIn
https://www.linkedin.com/jobs/

‏14 - Design Remotely
‏https://designremotely.co/

‏15 - Turing
‏https://www.turing.com/

‏16 - Remote More
https://remotemore.com/

‏17 - Remote Platz
‏https://remoteplatz.com

‏18 - Toptal
‏https://www.toptal.com/

‏19 - Netguru
‏https://www.netguru.com/

‏20 - EPAME Anywhere
https://anywhere.epam.com/en

‏21 - Andela
https://andela.com/

‏22 - Vanhack
https://vanhack.com/
23 - Talent IO
‏https://www.talent.io/p/en-fr/home

‏24- Arc
https://arc.dev

عاوز أعمل موقع هبيع فيه منتجات أو هعمل فيه نظام حجوزات أو هخلي الموقع ينور بليل في الضلمة ايه اللغات اللي بتعمل دة ؟ السؤال دة غلط لان أي Stack هتتعلمه هتعمل بيه المطلوب بمعنى:
----
لو اتعلمت PHP + Laravel هتعمله
لو اتعلمت Python + Django هتعمله
لو اتعلمت Nodejs هتعمله
لو اتعلمت دوت نت هتعمله
لو اتعلمت أي نظام ادارة محتوى
مثلا WordPress, ProcessWire, Joomla برضة هتعمله
----
امال فين المشكلة ؟
----
المشكلة في السؤال لان معنى الكلام ان ممكن اكون متعلم لغة برمجة واطار عمل خاص بيها ومعرفش أعمل بيهم المطلوب ودة أكبر غلط انما في حاجة اسمها شيء مناسب للفكرة. وهديلك أمثلة
----
في مثلا شخص محتاج نظام تدوين للمقالات وطبعا لو اتعلم أي حاجة من الموجودين فوق هيعمل النظام عادي جدا لكن هنا في الحالة دي بالذات في نظام عظيم زي WordPress ممكن يقوم بالمطلوب بسهولة ويديلك مميزات عظيمة في التدوين وبكدة انا فهمت ان اي Stack من الموجودين فوق بيعمل المطلوب لكن في نظام معين هينفعني في الحتة دي.
----
عاوز أعمل تطبيق خاص بعلوم البيانات يخدم شركتي هرجع وأقولك أي Stack من الموجودين فوق هيعمل اللازم لكن في لغة Python مثلا في مكتبات عظيمة هتخدمك جدا في الحتة دي وهتوفر عليك وقت وبالتالي دة إختيار كويس هنا وهكذا.
----
طيب هل المشكلة بس في ان النظام اللي اخترته بيبدع في حتة معينة مثلا ؟ لأ تخيل معايا عندك أكتر من Stack اللي انا كتبتهم فوق وكلهم مناسبين لفكرتك هل انتهى الموضوع كدة اختار أي واحد منهم وخلاص ؟ لأ لان ممكن السوق اللي في بلدك مفيهوش مبرمجين كتير بيشتغلوا في ال Stack دة وبالتالي لو عطلت او اختلفت مع الي بيعملك الموقع ممكن تتعب شوية في انك تلاقي حد بديل يكمل الشغل.
----
طيب أنا عندي موقع شخصي عاوز أعمل فيه امكانيات جبارة و Gamification وشغل عالي واخترت اني اعمله بنظام زي WordPress بدل ما أبنيه برمجة خاصة From Scratch هل هتقول لأ ؟ لا مش هتقول لا وهتعمل بيه كل حاجة انت عاوزها وهتبدع وكل شيء بس كمية التعب والمتاهات اللي هتدخل فيها هتكون كبيرة لأن النظام دة مش دي لعبته ومش دة المكان اللي بيسطع فيه باتالي في خيار تاني مناسب لفكرتك.
----
تخيل انا عاوز أعمل تطبيق موبايل مثلا هل سمعت ان لغة PHP ممكن تعمل بيها تطبيقات موبايل أو شوفت قبل كدة هتقولي لأ لكن هقولك ممكن تعمل بيها لكنها مش هي اللغة المناسبة للفكرة دي
----
الخلاصة
أي نظام ممكن تعمل بيه أي شيء لكن ممكن تواجه منه مشاكل في أفكار معينة أو ميكونش الأداء المناسب اللي انت مستنيه على حسب فكرتك بالتالي سؤالك يكون ايه اللغات المناسبة لفكرتي أو لمشروعي.
--
#نصائح_الزيرو

📌موقع كنز لمطورين FrontEnd 🔥😍
فيه ادوات كثيرة تفيدك ل HTML/ CSS / JS وتختصر لك الوقت🚀
الادوات مثل

SVG Generator
CSSCubicBezier Generator
CSS Gradient Generator
CSS Minifier
JavaScript Minifier

احفظه بمفضلتك ⭐
وشاركه مع اصدقاءك👨‍💻
يستحق التجربة 👌
🔗 https://10015.io

كورس تعلم لارافيل من الصفر الى الاحتراف اساسيات مع مشروع مدونة🔥🔥

https://youtu.be/Q4z6U23cTVc?si=FcjY2avsz-v3902p

ما هو الـ Lazy Loading
الـ Lazy Loading هو practice تحميل أو تهيئة resources , objects حتى تكون هناك حاجة فعلية لها لتحسين performance وحفظ system resources.
على سبيل المثال ، إذا كانت إحدى صفحات page تحتوي على image يتعين على المستخدم scroll down لرؤيتها ، فيمكنك عرض عنصر placeholder وتحميل الصورة الكاملة فقط عندما يصل المستخدم إلى موقعها.
تشمل مزايا lazy loading ما يلي:
* يقلل وقت load time - يؤدي الـ Lazy loading لصفحة ويب إلى تقليل وزن الصفحة ، مما يسمح بتحميل أسرع للصفحة.
* الحفاظ على Bandwidth - يحافظ الـ Lazy loading على Bandwidth من خلال تقديم المحتوى للمستخدمين فقط عند الطلب.
* الحفاظ على resource النظام - يحافظ الـ Lazy loading على موارد server و client لأن بعض images وJavaScript و الـ code الأخرى فقط هي التي تحتاج إلى عرض أو تنفيذ.
الـ Lazy Loading مقابل الـ Eager Loading
بينما تقوم الـ lazy loading بتاخر تهيئة resource ، يؤدي الـ Eager Loading إلى تهيئة resource أو تحميله بمجرد تنفيذ الكود.
يتضمن الـ Eager Loading أيضًا التحميل المسبق للكيانات ذات الصلة المشار إليها بواسطة resource .
الـ Eager loading مفيد عندما تكون هناك opportunity أو حاجة load resources في الخلفية
على سبيل المثال ، تعرض بعض مواقع الويب شاشة "loading" وتحمل بفارغ الصبر جميع الـ resources الـ required لتشغيل تطبيق الويب.
طرق تنفيذ الـ Lazy Loading
هناك العديد من المكتبات open source التي يمكن استخدامها لتنفيذ الـ lazy loading :
الـ blazy.js - blazy.js هي مكتبة JavaScript خفيفة تقوم بالـ lazy loading
لـ images, iframes, video and و الـ resources الاخري
الـ LazyLoad - LazyLoad هو script يقوم تلقائيًا بتحميل images عند دخولها إلى viewport .
الـ Best Practices لـ Lazy Loading
عند إجراء الـ Lazy Loading ، ضع في اعتبارك التالي:
* جعل فقط resources الـ Lazy Loading التي يتم عرضها أسفل viewport من الصفحة أو خارج إطار عرض المستخدم في code الـ Lazy Loading غير المطلوبة
لـ system operations الأساسية.
* عند الـ Lazy Loading لصورة ، قم بفك تشفيرها (decode ) بشكل asynchronously باستخدام طريقة فك JavaScript () قبل إدخالها في DOM حيث تتسبب الصور الكبيرة في بطئ المتصفح.
* معالجة errors في حالة فشل تحميل image أو object .