تعلم برمجة المواقع🚀

كورس تعلم لارافيل من الصفر الى الاحتراف اساسيات مع مشروع مدونة🔥🔥 https://youtu.be/Q4z6U23cTVc?si=FcjY2avsz-v3902p

📌موقع كنز لمطورين FrontEnd 🔥😍 فيه ادوات كثيرة تفيدك ل HTML/ CSS / JS وتختصر لك الوقت🚀 الادوات مثل SVG Generator CSSCubicBezier Generator CSS Gradient Generator CSS Minifier @pro2dev JavaScript Minifier احفظه بمفضلتك ⭐ وشاركه مع اصدقاءك👨‍💻 يستحق التجربة 👌 🔗 https://10015.io

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

مواقع العمل عن بعد تقدر من خلالها باذن الله هتلاقي فرصه شغل ‏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

كورس Asp.net core من الصفر الى الاحتراف 🔥 https://youtube.com/playlist?list=PLhiFu-f80eo8dnOxALGCclPan-QdUa0Ob&si=tIl7T-v0Ln9AjNnT

🔰 الـكـود الـنـظـيـف _ Clean Code الكود النظيف هو طريقة كتابة الكود بشكل يسهل قراءته من قِبل كاتبه أو المبرمجين الآخرين، والتعديل عليه حتى بعد زمن طويل، ويعتمد على المبرمج بشكل خاص حيث أن لكل مبرمج أساليبه في كتابة الكود الخاص به. من أسباب كتابة كود نظيف يسهل فهمه والتعامل معه، هو إن قمت بكتابة برنامج ثم أردت التعديل عليه بعد مرور عدة سنوات فستكون قد ساهمت في تسهيل المهمة على نفسك؛ أو في حال كتبت برنامجاً وسيستلمه منك مطور آخر ليقوم بالتعديل عليه؛ وكذلك لتسهيل إصلاح الأخطاء البرمجية والتعامل معها. ♦️ خـطـوات لـكـتـابـة كـود نـظـيـف : 🔸 وضع مسافات متساوية بين الجمل البرمجية، ويفضل أن تظهر عبارة واحدة فقط في كل سطر. 🔸 تقسيم البرنامج إلى أقسام واضحة، حيث أن كل قسم يعبر عن عملية معينة أو مجموعة من العمليات المرتبطة. 🔸 التسمية الواضحة (سواءً للمتغيرات أو الدوال..)، بحيث تكون لها علاقة بالعملية البرمجية التي تقوم بها، ويستحسن عدم تكرار المسميات لغرض آخر. 🔸 كتابة الملاحظات (التعليقات _Comments) داخل الكود عند العمليات لتوضيح سبب كتابة هذه العملية واستدعائها، مع مراعاة عدم كتابة تعليقات زائدة عن الحاجة. ومن بين الطرق أو النصائح لكتابة "كود نظيف"، هي أن تعرض الكود على صديق لك ليقرأه ويحاول فهمه، عندها ستعرف مالذي تستطيع تسهيله أكثر. والإطلاع على مشاريع المبرمجين المحترفين ومحاولة التعرف على الطرق والأساليب التي استخدموها لكتابة أكوادهم.

🔰 الـخـوارزمـيـات _ Algorithms الخوارزميات هي طريقة ممنهجة في حل مشكلة ما، مما يعني التفكير في خطوات لحل مشكلة معينة. من المُفيد تعلم الخوارزميات، لأنها ستنقل تفكيرك من التفكير العادي إلى تفكير المبرمج وتهيئك لفهم كيفية كتابة الكود سطر سطر (كل سطر يعني خطوة). بمجرد أن تشعر أنك فهمت الخوارزميات ويمكنك حل بعض التمارين يمكنك الانتقال للكود، حيث أن كتابة الكود أيضاً يطور من خوارزمياتك وطريقة تفكيرك. لتعلم الخوارزميات يكفي أخذ درس نظري والإكثار من التمارين، وذلك ليتعود عقلك على التفكير الممنهج. 🔸 أهم ما عليك فهمه في للخوارزميات هو : ▫️الإدخال والإخراج _ Input / Output. ▫️ الحلقات _ Loops. ▫️ الشروط _ Conditions. لكن لا تخسر كل طاقتك في تعلم الخوارزميات؛ اعتبرها كمدخل فقط للغة البرمجة التي ستتعلمها.

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

.. 📌 ملخصات حلوووه ل Tailwind CSS .. https://umeshmk.github.io/Tailwindcss-cheatsheet/ https://tailwindcomponents.com/cheatsheet/

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

📌 هذا الموقع اعتبره كنز 💰 فيه دروس وشروحات لكل شيء تبي تتعلمه بمجال البرمجة او مجال الحاسب بشكل عام 👌 تقريبا كل المجالات فيه Web Development Computer Science Machine Learning Mobile App Development وغيرها الكثير! 🔗 https://www.tutorialspoint.com/

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

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

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

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

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

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

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

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

هذا الموقع يفيدك لو بتدرب على إنشاء الAPI يوفر لك قائمة بالمستخدمين بيانات وهمية .. تقدر تستخدمها وتتعلم على التعامل مع الapi من خلالها✈ RANDOM USER GENERATOR  : https://randomuser.me/