React Web Design

كتابة اختبارات لتطبيقات React عبر Jest

لقد أوشكت على إطلاق تطبيقك، ولم يتبقَ لك سوى بضع لمساتٍ نهائية، ولكن تبدأ اﻷخطاء بالظهور في مختلف أنحاء النظام، حسنًا لا مشكلة يمكنك إصلاحها بنفسك يدويا، ولكن سرعان ما تتفاقم تلك اﻷخطاء وتتضخم في أجزاء أخرى مختلفة من نظامك، ثم تعمّ الفوضى وتتبعثر اﻷمور، ما الحل؟ الحل يكمن في كتابة اختبارات لكل من هذه …

Q&A Road maps

كيف أتعلم البرمجة من اﻷلف إلى الياء؟

ملاحظة: كتبتُ هذا الموضوع أيضًا في مدونة ملهم من قبل. تفتقر معظم منشورات المحتوى العربيّ لوجود دليل إرشاديّ جامع ومانع يبيّن المسار الذي ينبغي أن يسلكه المرء للمضي قدمًا نحو فضاء البرمجة إلى جانب العديد من اﻷسئلة التي تثير حيرة المبتدئ والتي قد تجعله يتعثّر في منتصف الطريق، لذلك إذا كنت حديث العهد (أو غير …

CSS Web Design

حيل جميلة لعمل الـ Background-images في CSS

هنالك العديد من الخدع الممتعة لبناء الـ Background-images في CSS بحيث تبدو متناسقة ومتلائمة مع صفحات الويب بشكل جميل. كيف تلائم مقاس الخلفية مع شاشة المستخدم؟ لا بدّ أنك عانيت سابقًا من محاولة ملاءمة الخلفية مع الشاشات، حسنًا، الكود التالي سيكون مناسبا لهذا اﻷمر: See the Pen Background Image Tips&Tricks #1 How to fit your …

Algorithms Data Structures

ما الفرق بين الخوارزميات و الـ Data Structures؟

هياكل البيانات إن البيانات التي تُخزن في ذاكرة الوصول العشوائي (RAM) -ولنقل مثلًا أسماء الطلاب-  تُخزن في أوعية تُسمى (Data Structures) أو هياكل البيانات. إن كلًا من هذه اﻷوعية لديه إيجابيته وسلبياته، سواءً أكان ذلك من ناحية: 1. سرعة الوصول للعنصر الهدف. 2. سهولة الاستخدام (سهولة عملية اﻹضافة والحذف). 3. الاستخدام الفعّال للرام. 4. الديناميكية، …