DevGuide

React 19 is now stable! 🚀

https://react.dev/blog/2024/12/05/react-19

سناك خفيف عن الـ Separation of Concerns 🔻 . . تخيل معايا أنك شغال على مشروع كبير، وكل حاجة فيه داخلة في بعض: CSS مع JavaScript، و API logic متشابك مع UI components. الدنيا هتبقى مدعكة على الآخر...لكن لما تفصل كل حاجة في مكانها الصح، الكود مش بس هيبقى سهل الفهم، ده كمان هيكون سهل في إنك تعدل عليه وتضيف ميزات جديدة بسهولة... وهنا بييجي دور الـ Separation of Concerns...💯 ———

📍 LinkedIn

https://www.linkedin.com/posts/mentoor-io_softwaredeveloper-softwaredevelopment-cleancode-activity-7270811456550445056-xBhV

📍 Facebook

https://www.facebook.com/share/p/1BfuUSWPXR

مفهوم الـ KISS (Keep It Simple, Stupid) ببساطة يعني "خلي شغلك بسيط قدر الإمكان"، وده مش معناه إنك تتنازل عن الجودة أو الكفاءة، لكن يعني إنك تبعد عن التعقيد اللي ملوش لازمة. في عالم البرمجة، لو عرفت تبسط الكود وتخليه سهل للفهم، ده هيخليك تقدر تدير الشغل بشكل أسهل وأسرع، وهيساعدك تقلل الأخطاء. في المقال ده هنتكلم عن إزاي تطبق المبدأ ده في الكود بتاعك، وأمثلة بسيطة باستخدام TypeScript عشان تقدر تفهمه بشكل عملي.

KISS (Keep It Simple, Stupid): The Art of Simplicity in Software Development 💯

https://dev.to/alisamir/kiss-keep-it-simple-stupid-the-art-of-simplicity-in-software-development-124l ——— وفقكم الله لكل خير 🌿

كيف تغير سوق البرمجة في عام ٢٠٢٤؟ وماذا يقول المبرمجين المحترفين عن لغات البرمجة؟ https://youtu.be/EM6Mar2YvG8

إزاي Angular بيعرف إن فيه حاجة اتغيرت؟ . . تعال نعرف إزاي Angular بيخلي التطبيق بتاعك يتحدّث بشكل سِلس وسريع لما أي حاجة تتغير...يعني لو عدّلت قيمة في Component، إزاي Angular بيقدر يشوف التغيير ده ويعمله Render؟ الإجابة بكل بساطة هي: Change Detection. ———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_angular-angulardeveloper-frontenddeveloper-activity-7270097899483525120-nHya

📍 Qabilah

https://qabilah.com/posts/hEAEwZGSWtQ ——— وفقكم الله لكل خير 🌿

JavaScript to Know for React 🚀

https://kentcdodds.com/blog/javascript-to-know-for-react

ملخص سريع عن هياكل البيانات ⚡️

Data Structures Cheat Sheet 🔻

https://memgraph.com/blog/data-structures-cheat-sheet

JavaScript Tutorial: Build 8 JavaScript Apps | Prepare for React and Next.js ✅ https://youtu.be/wQTBWUoIlP4

لو مهتم بـ Angular أنصحك تتابع السلسلة دي من قناة code zetta

Angular - Random Topics

https://youtube.com/playlist?list=PLAUMh0aKrWK81U6DWpJHRNHd9OOPcOiXC&si=CxfWyWfTBt_DLXR_

كورس React Native لذيذ 🔻 React Native Full Course for Beginners | Complete All-in-One Tutorial | 4 Hours https://youtu.be/WDunoPNBxKA ——— وهتلاقي هنا مصادر ممتازة هتساعدك في تعلم React Native https://youtube.com/playlist?list=PLdQpNT_K7OOFMcPLFHL_bdCyvaKEKI8R4&si=njgCcuuKvGfj_pv9

إزاي تبقى DevOps Engineer شاطر 🔻

Dynamic DevOps Roadmap 🚀

- A FREE pragmatic plan to kickstart your DevOps Engineer career in the Cloud Native era following the Agile MVP style! https://devopsroadmap.io

مقدمة سريعة عن الـ GraphQL 🔻

Intro to GraphQL

https://newsletter.systemdesigncodex.com/p/intro-to-graphql

ودي بعض المواقع اللي هتساعدك في رحلة الـ Problem Solving → leetcode.com → codewars.com → topcoder.com → codingame.com → hackerrank.com → projecteuler.net → coderbyte.com → codechef.com → exercism.io → spoj.com → atcoder.jp → hackerearth.com → interviewbit.com → codesignal.com ——— لكن أهم حاجة إنك تبدأ وتستمر...وفقكم الله لكل خير 🌿

إزاي تبقى شاطر في الـProblem Solving؟ الموضوع مش في يوم وليلة ولا في شهر ولا في 6 شهور...مبتتحسبش كده يا صاحبي. الموضوع بيعتمد على طبيعة المشكلات اللي بتقابلك سواء في المشاريع أو في المسائل اللي بتحلها على المواقع المشهورة...يعني مثلا لو شخص بيحل مسائل سهلة لمدة شهر وشخص تاني بيحل مسائل سهلة ومتوسطة لمدة شهر...هل الاتنين هيوصلوا لنفس الليفل؟ طبيعي لا يبقى كثرة التمرين والتعرض لمشاكل مختلفة ده هيساعدك في تنمية المهارة دي في أسرع وقت ممكن...ولكن المشاكل مبتخلصش فأنت مش هتيجي بعد سنة وتقول أنا بقيت حريف Problem Solving لأن فيه مشاكل تانية أنت لسه ما شوفتها وده منطقي... ——— هتنمي المهارة منين وفين وإزاي؟ فيه بعض المواقع المشهورة زي LeetCode و HackerRank و codewars و AtCoder وفيه شيتات مسائل تبع جامعات مختلفة بتخليك تطبق على موقع Codeforces وغيرها من المواقع... ——— بص يا صديقي، سوق العمل في مصر والوطن العربي بيهتم أكتر بالتكنولوجي إلا بعض الشركات الكبيرة ودي معروفة، يعني الشركة مش هتهتم أنت حليت كام مسألة على LeetCode ولا على غيره بل هتبص على المشاريع والمهارات بتاعتك وعلى أساسها بتحدد مستواك، هل أنت شخص يعتمد عليك في الشغل وهل عندك المؤهلات الكافية للوظيفة وهكذا...من الآخر بتعرف تعمل دي؟ لو أيوه فمبروك عليك الوظيفة...وبس كدا يا صديقي...

إشكالية الـ Problem Solving 🔻 إن شاء الله تعالى هنتكلم في كام نقطة تخص مهارة حل المشكلات أو الـ Problem Solving - يعني إيه Problem Solving؟ - ما هي أنواع الـ Problem Solving؟ - هل الـ Problem Solving أهم من التكنولوجي (Technology)؟ - إزاي تنمي مهارة الـ Problem Solving؟ - بعض مواقع الـ Problem Solving. - نصيحة من سوق العمل. ——— خلينا نبدأ من الصفر بتعريف المشكلة بعيدًا عن البرمجة...بصفة عامة المشكلة هي كل موقف غير معهود لا يكفي لحلهِ الخبرات السابقة والسلوك المألوف، ويضطر الفرد للبحث عن حل للتخلص من المشكلة وبلوغ الهدف المنشود. خلينا نُسقط الكلام ده على البرمجة...يعني إيه Problem Solving؟ عملية بناء أي مشروع في مجال السوفتوير سواء موقع أو تطبيق أو حتى سكربت معين بتمر بمراحل معينة وطبيعي جدًا إن فيه مشاكل هتحصل في أي مرحلة من المراحل ولكن خلينا نركز على الجزء الخاص بالأكواد (Coding)، والمشاكل هتكون مختلفة ومتنوعة سواء مشكلة في إضافة ميزة جديدة للمشروع أو حتى تعديل على ميزة موجودة أو حتى حذفها من المشروع ممكن يأثر على باقي المشروع كله وهنا تيجي مهارة حل المشكلات وتساعدك في إنك توصل لأفضل حل ممكن للمشكلة من حيث الأداء وسهولة قراءة الكود وسهولة استخدامه في أكتر من مكان في المشروع وهكذا...يعني الـ Problem Solving مش بس مسائل من الشيتات ومن LeetCode أو غيره من المواقع؟ الحقيقة لا، المسائل ما هي إلا جزء من الـ Problem Solving وتعتبر عامل مساعد في تنمية مهارة حل المشكلات عندك والتفكير المنطقي (Logic Thinking) 📌 نيجي بقى لأنواع الـ Problem Solving والصراحة إنها كتيرة وملهاش أنواع محددة، باختصار أي مشكلة هتقابلك وأنت شغال في مجال البرمجة وحليتها فهي تعتبر Problem Solving وطبعًا ده بعد معرفتك باللغة أو إطار العمل اللي بتستخدمه، يعني مينفعش تبقى متعرفش إزاي تستخدم حاجة معينة في اللغة أوطريقة كتابتها وتروح تدور عليها وتكتبها وتقول دي Problem Solving - لو أنت فرونت اند وعندك Layout معين مطلوب منك تعمله زي التصميم وتخليه responsive ولكن هيكون ليه Layout مختلف شوية - لو أنت فرونت اند وبتشتغل على حاجة فيها داتا وتعامل مع باك اند ومطلوب منك تعمل عرض لداتا بطريقة معينة أو تعمل معادلة ما على القيم اللي راجعه من الباك اند وتحط شروط معينة وحوارات كتيرة..دي تعتبر مشاكل - لو أنت موبايل ديفلوبر وعندك تاسك تعمل integration مع بوابة دفع إلكترونية معينة - لو أنت باك اند ومحتاج تعمل عمليات حسابية زي إنك تشوف السعر الكلي للأوردر كام وهل فيه كوبون خصم مستخدم أو فيه sale على المنتج ولا لا وهكذا - وغيرها من المشاكل اللي ممكن تقابلك وأنت شغال في البرمجة بغض النظر عن تخصصك 📌 هل الـProblem Solving أهم من التكنولوجي؟ خلينا نتكلم بالعقل شوية، أنت دلوقتي حليت 500 مسألة على مواقع الـ Problem Solving وجيت تقدم على شغل هتكتب المسمى الوظيفي بتاعك إيه؟ أكيد مش Problem Solver! يعني لازم تتعلم تكنولوجي معينة أو تختار تخصص معين علشان تقدر تلاقي شغل في سوق العمل...ومن هنا خليني أقولك إن الـ Problem Solving والتكنولوجي أهم من بعض والاتنين بيكملوا بعض ولازم تبقى شاطر في الاتنين وإن كان لابد إنك تزود شطارتك شوية في الـ Problem Solving علشان تقدر تتعامل مع أي مشكلة تواجهك في المشروع وأنت شغال وتقدر تنفذ أفضل حل ممكن ليها وفي أسرع وقت ممكن... يعني حاول توازن بين الاتنين ومتهملش حاجة منهم على قد ما تقدر...

سناك خفيف عن الـ SOLID Principles 🔻 . . ليه بعض المشاريع البرمجية بتفضل ثابتة وقوية مهما زاد حجمها وتعقيدها، بينما مشاريع تانية أول ما تكبر شوية بتنهار وكل شوية يحصل فيها مشاكل وكأنها بيت ورق؟ 🤔 الحقيقة السر مش بس في الكود اللي مكتوب، لكن كمان في طريقة التفكير وتنظيم الكود. ———

📌 LinkedIn

https://www.linkedin.com/posts/mentoor-io_%D8%B3%D9%86%D8%A7%D9%83-%D8%AE%D9%81%D9%8A%D9%81-%D8%B9%D9%86-%D8%A7%D9%84%D9%80-solid-principles-activity-7269396001637998593-AReF

📌 Facebook

https://www.facebook.com/share/p/1BARHJ1hLV

من ضمن الأسئلة اللي تكررت بشكل كبير في الاستبيان هي الوظائف والتدريبات في مجال البرمجة. من فترة قررنا نفصل الوظائف والتدريبات في قناة لوحدهم لسهولة الوصول. Your daily destination for top-tier programming jobs and training. ⭐️ https://t.me/devsjobs كمان فيه قناة واتساب تخص الوظائف والتدريبات https://whatsapp.com/channel/0029Va5wYTe1noz1SKCNcv45 ——— وفقكم الله لكل خير 🌿

الـ Feature Toggles (Feature Flags) 🔻 . . تخيل إنك شغال على مشروع ضخم، وعايز تضيف خاصية جديدة أو تجرب فكرة معينة، بس من غير ما تخاطر إن حاجة تبوظ في الكود أو بدون ما تأثر على المستخدمين... أفضل حل هنا إنك تستخدم الـ Feature Toggles أو زي ما بنسميها أحيانًا الـ Feature Flags... ———

📌 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_softwaredevelopment-softwaredeveloper-softwareengineering-activity-7269249433416970241-3R_5

📌 Qabilah

https://qabilah.com/posts/kaN5miklEKc