DevGuide

Rest API Fundamentals 💯

ليه بنستخدم الـ ORM؟ 🤔 . . تعال ندردش شوية عن حاجة ممكن تغيّر طريقة شغلك مع الـ database وتوفّر عليك وقت ومجهود كبير جدًا… وهي الـ ORM. لكن قبل ما ندخل في التفاصيل تعال نرجع ورا شوية... فاكر أول مرة تعلمت فيها إزاي تتعامل مع الـ database؟ ——— 🔗 LinkedIn: https://www.linkedin.com/posts/mentoor-io_orm-database-backend-activity-7348410219284041728-uaep 🔗 Qabilah: https://qabilah.com/posts/ku4aLi4n2rs 🔗 Facebook: https://www.facebook.com/share/p/1BFsS16jZj

9 Essential Books Every Software Engineer Should Read ✅

Gallery Layout using CSS Grids in 5 steps 💯

مفهوم الـ End-to-End Test 💯 . . خلال رحلتك في عالم البرمجة، أكيد اشتغلت على Feature جامدة، وكنت متأكد إن الـ code شغال زي الفل. كتبت Unit Tests، وكل الـ functions بتـرجّع اللي المفروض ترجعه. بعد كده جربت الـ app بإيدك، كل حاجة ماشية حلو… بس لما رفعت الكود على الـ staging أو الـ production، فجأة حاجات وقعت! ⚠️ المشكلة هنا إن اللي أنت اختبرته مش كفاية... أنت اختبرت أجزاء صغيرة، لكن ما اختبرت الرحلة كاملة من أول ما الـ user يفتح الـ app لحد ما يوصل لهدفه. وهنا بييجي دور الـ End-to-End Testing (E2E)... ———

🎯 يعني إيه End-to-End Test؟

الـ End-to-End Test ببساطة هو نوع من أنواع الـ Testing اللي بيحاكي تصرفات الـ user الحقيقية. بنختبر الـ system كـ “صندوق أسود” من غير ما نهتم بالتفاصيل الداخلية، إحنا بس عاوزين نتأكد إن الـ app بيشتغل زي ما الـ user متوقع بالضبط، من أول خطوة لآخر خطوة. يعني بنبدأ من الـ UI، ونتفاعل مع الـ buttons والـ forms والـ links، وبنشوف هل الـ backend بيرد زي ما المفروض؟ هل الـ database اتحدثت؟ هل النتيجة اللي ظهرت للمستخدم منطقية؟ ———

📌 إمتى تستخدم الـ E2E؟

- لما تكون بتسلم Feature مهمة جدًا، زي عملية دفع أو تسجيل دخول. - لو الـ app فيه flows معقدة أو steps كتير وبتعتمد على بعض. - لما تحب تتأكد إن الـ integration بين الـ frontend والـ backend شغال تمام. - وقت الـ release، علشان تطمن إن الـ system ككل شغال سليم من الأول للآخر. ———

🛠 أشهر أدوات الـ End-to-End Testing

- الـ Cypress: سهل، واضح، بيشتغل على المتصفح، وبيخليك تـ debug بسهولة. - الـ Playwright: سريع وبيدعم browsers كتير، وممتاز للـ automation. - الـ Selenium: قديم وتقيل شوية، بس لسه ناس بتستخدمه عشان مرن وبيشتغل بلغات مختلفة. ———

⚙️ أمثلة على Scenarios ممكن نعملها E2E Test

- مستخدم بيسجل في الموقع، بيرجعله confirmation message. - مستخدم بيدخل بيانات كريدت كارد وبتتم عملية الدفع. - مستخدم بيعمل login وبيتنقل على الـ dashboard. - مستخدم بيبعت فورم contact us وتوصله رسالة تأكيد. ———

💡 ليه الـ E2E Tests مهمة؟

- بتمنع الـ regressions اللي ممكن تحصل بعد تغييرات كبيرة. - بتكشف bugs مش ممكن تكتشفها بالـ Unit أو الـ Integration tests. - بتديك confidence إن الـ system ككل شغال زي ما المفروض. - بتساعد الفريق كله (frontend, backend, QA) يكونوا مطمنين قبل أي release. ———

⚠️ بس خلي بالك...

الـ E2E Tests تقيلة في الـ execution، وبطيئة مقارنةً بالأنواع التانية. فعشان كده بنكتب منها بس الـ critical flows، مش كل حاجة. كمان أي تغيير بسيط في UI ممكن يكسرها… فلازم تكتبها بشكل كويس وقابل للصيانة. ———

💡 نصائح لو هتبدأ تكتب E2E Tests:

- ابني test لكل user journey مهمة. - حاول تعزل الـ data اللي بتستخدمه في التست (استخدم mocks أو test accounts). - حافظ على naming واضح وسهل في الـ tests. - شغّلها في CI/CD pipeline عشان تمسك المشاكل قبل ما توصل للناس. ——— الـ E2E Testing هو خط الدفاع الأخير، اللي بيأكد إن كل حاجة ماشية تمام من منظور المستخدم. وكمان هو اللي بيخليك ضامن إن الـ feature اللي تعبت فيها مش هتبوظ لما تطلع production. ——— وفقكم الله لكل خير 🌿

Deep Dive into React’s Reconciliation Algorithm: How It Works and How to Master It 💯 https://dev.to/alisamir/deep-dive-into-reacts-reconciliation-algorithm-how-it-works-and-how-to-master-it-2ih4

دورة GitHub Actions كاملة 💯 https://www.youtube.com/watch?v=7gJFHjXscr8

🔰 Docker crash course - how Docker works

What is an AI Agent?

40+ Real and Free Data Science Projects 💯 https://www.datasimple.education/datasimple-data-learning/python-guided-projects

يعني إيه الـ Uncaught Exception و Unhandled Rejection؟ 🤔 . . فاكر أول مرة حصل معاك crash في السيرفر ومكنتش فاهم إيه اللي حصل؟ أو فجأة الـ Node.js app قفل لوحده وسابلك error غريب في اللوج؟ لو حصل معاك كده قبل كده، تعالى أحكيلك عن واحد من أكتر الأسباب اللي بتبوظ السيرفرات فجأة: Uncaught Exception & Unhandled Rejection ——— 🔗 LinkedIn: https://www.linkedin.com/posts/mentoor-io_mentoor-softwaredevelopment-softwaredeveloper-activity-7345863646205435904-PD5O 🔗 Facebook: https://www.facebook.com/share/p/16yQA7Co6M 🔗 Qabilah: https://qabilah.com/posts/zMmTX5u-sdg

Awesome Android 🔥

A curated list of awesome Android packages and resources. https://github.com/jstumpp/awesome-android

Vite 7.0 is out! 🚀 https://vite.dev/blog/announcing-vite7

About Flexbox 💯

إزاي تعمل Rate Limiting في Node.js؟ 🤔 . . لو أنت شغال Backend بـ Node.js، أكيد في يوم من الأيام جالك requests كتير جدًا في نفس اللحظة – سواء من مستخدم بيجرب DDOS، أو من Bots، أو حتى من عميل بيعمل Load Test بالغلط – وفجأة الـ Server بيضرب وبيقع أو يبدأ يرد بـ 429 Too Many Requests. في الموقف ده الحل هو إنك تعمل Rate Limiting... ——— 🔗 LinkedIn: https://www.linkedin.com/posts/mentoor-io_node-nodejs-javascriptdeveloper-activity-7344642463216586753-xq1v 🔗 Facebook: https://www.facebook.com/share/p/1GEvu5DzAT 🔗 Qabilah: https://qabilah.com/posts/gCddARMqyDI

أكثر من 100 مشروع JavaScript لجماعة الويب 🚀 . . مشاريع بسيطة ومناسبة للمبتدئين، ومعتمدة على HTML, CSS, وVanilla JavaScript بس 💻🔥 ———

JavaScript Projects for Web Developers

Master web development with our curated collection of beginner-friendly projects built with HTML, CSS, and Vanilla JavaScript https://www.100jsprojects.com

💯

مفهوم الـ Cache Invalidation 🔥 . . تعال أحكيلك حكاية صغيرة: أنت فتحت تطبيق لطلب الأكل، لقيت العرض بيقولك "خصم 50% على أول أوردر".. فرحت ودخلت على البرجر، ولسه بتختار، التطبيق قالك "الخصم خلص" 🫠 طب ما أنت لسه قايل من 5 ثواني إن فيه خصم! هنا بقى ييجي دور الـ "Cache Invalidation"! ——— 📌 يعني إيه Cache أصلًا؟ ببساطة كده، الكاش ده زي لما بتصور شاشة المحادثة بدل ما ترجع تقراها كل مرة، أو زي لما المطعم بيطبع منيو مخصوص ويحطه قدام الناس بدل ما يطبع كل مرة حد يسأله عن المنيو. هو نسخة سريعة من البيانات، بتخلي الموقع أو التطبيق أسرع، بدل ما يروح يجيب الداتا من السيرفر كل مرة. بس السؤال هنا: إمتى نرمي الصورة القديمة ونجيب واحدة جديدة؟ ——— 📌 ليه بنعمل Invalidate للكاش؟ "لأن البيانات بتتغير" مثلًا: - السعر تغير - البوست اتعدل - المنتج خلص من المخزن لو الكاش فضل يعرضلك بيانات قديمة، ده هيبقى تضليل، وهيخلي تجربة المستخدم في الضياع. تخيل تفتح فيسبوك تلاقي بوستات من أسبوعين فوق، أو تدخل تشتري موبايل تلاقيه "متاح"، ولما تضيفه للسلة يقولك "غير موجود" يبقى لازم نعرف إمتى نرمي الكاش ونرجع نجيب الداتا الجديدة. ——— 💡 أنواع الـ Cache Invalidation 1- الـ Time-based Invalidation يعني الكاش يبقى له "صلاحية". مثلًا: "احفظ البيانات دي لمدة 5 دقائق، وبعدها امسحها". ده مفيد في الداتا اللي مش بتتغير بسرعة، زي صفحة البروفايل. 2- الـ Event-based Invalidation ده بقى لما يحصل "حاجة معينة"، نمسح الكاش فورًا. زي مثلًا الأدمن يعدل سعر منتج، أو المستخدم يضيف بوست جديد وقتها هنرمي الكاش القديم. ——— 🤔 نستخدم أي نوع؟ - لو الداتا بتتغير بسرعة جدًا يبقى الـ Event-based - لو الداتا ثابتة نسبيًا وعايز توازن بين الأداء والدقة يبقى الـ Time-based وأحيانًا بنستخدم الاتنين مع بعض... ——— ⚠️ تحديات الـ Cache Invalidation - بيانات قديمة بتظهر لو الكاش متمسحش في الوقت الصح، المستخدم هيشوف داتا غلط وده هيخلي الثقة أقل والمشاكل هتزيد. - ضغط زائد على السيرفر لو مسحت الكاش كتير أو بدري، السيرفر هيتخنق منك وهيبقى بطيء. 🎯 الحل؟ - استخدم أدوات قوية زي Redis أو Memcached - اعمل Monitoring للكاش بتاعك - اختبر الـ Invalidation كويس جدًا - قسم الكاش حسب نوع الداتا، مينفعش كله يتعامل بنفس الطريقة ——— ✅ أمثلة من أرض الواقع - مواقع التجارة الإلكترونية زي Amazon أو Noon، بيستخدموا Event-based Invalidation لما السعر أو المخزون يتغير، وTime-based لحاجات زي صفحات التصنيفات. - السوشيال ميديا تطبيق Facebook مثلاً بيخزن كاش للبوستات بس أول ما حد يعدل البوست أو يعمل كومنت الـ Event-based triggers تمسح الكاش وتجيب الجديد فورًا. ——— وفقكم الله لكل خير 🌿