دورة مجانية: مقدمة في Laravel

تهدف الدورة إلى التعرف على بنية MVC (Model-View-Controller) ودورها الأساسي في تنظيم وتطوير تطبيقات الويب، وفهم كيفية تقسيم البرنامج إلى مكوناته الرئيسية لضمان كتابة كود منظم وقابل للتطوير، بالإضافة إلى التعرف على كيفية استخدام Laravel لتسهيل العمل مع كل من النماذج (Models)، الواجهات (Views)، ووحدات التحكم (Controllers).

https://satr.tuwaiq.edu.sa/course/lgdjP05YC9/view

System Design was HARD until I Learned these 30 Concepts 💯

https://blog.algomaster.io/p/30-system-design-concepts

إزاي نضمن إن المشروع شغّال زي ما العميل متوقع؟ 💯
.
.
الـ Testing مش مجرد خطوة بنعملها في الآخر "علشان نطمن"، ولا هو شوية Test Cases بنكتبهم والسلام.

الموضوع أعمق من كده بكتير...

واللي بيحدد شكله وتوقيته وطريقته هو نوع الـ Software Development Methodology اللي المشروع شغال بها.

———

📌 أولًا.. يعني إيه Software Testing؟

باختصار، الـ Testing هو الطريقة اللي بنكتشف بها الـ bugs قبل ما توصل للمستخدم.

وكمان بنقيس هل الـ software بيحقق الـ requirements ولا لا؟
هل قابل للاستخدام؟
هل بيشتغل كويس تحت الضغط؟
هل الـ UI سهل وواضح؟

كل دي أنواع مختلفة من الـ Testing...

———

📌 إزاي الـ Methodology بتأثر على الـ Testing؟

تعال نعرف الفرق...

1. الـ Waterfall Model:

في الـ Waterfall، الـ Testing بييجي في الآخر بعد ما كل حاجة تخلص.

يعني:
Requirements ➡️ Design ➡️ Development ➡️ Testing

📌 ده معناه إنك مش هتبدأ تختبر غير لما المشروع كله يكون جاهز.

وده بيخلي الـ Testing عبارة عن Quality Gate: لو الكود فيه مشاكل، بنرجع خطوة ورا، ونصلح.

⚠️ العيب هنا؟ لو فيه bug في البداية، هتكتشفه متأخر جدًا، وهتكلفك كتير.

———

2. الـ Agile Methodology:

موجود في معظم الشركات دلوقتي.

هنا بنشتغل في Sprints قصيرة، والـ Testing بيكون جزء من كل Sprint.

📌 الـ Testing بيحصل مع كل ميزة جديدة.
والـ QA بقى جزء من التيم من أول يوم.

🎯 النتيجة؟

- بتقدر تكتشف الـ Bugs بدري
- كمان تقدر تاخد Feedback من العميل بشكل مستمر علشان لو فيه تعديل
- وطبعًا التكلفة هتكون أقل

———

3. الـ DevOps / Continuous Integration:

هنا الـ testing بيكون جزء من الـ pipeline نفسها.

📌 هنا بنستخدم Tools زي Jest أو Cypress أو Selenium، وغيرها، نكتب بها Automated Tests

وأول ما الـ developer يعمل Push، الـ Tests بتشتغل أوتوماتيك.

🔥 ده بيخلي الـ Testing جزء من حياة الكود، مش خطوة منفصلة.

———

✅ لازم تبقى فاهم نوع الـ methodology اللي المشروع ماشي بها، علشان تعرف إمتى وإزاي تختبر.

✅ بلاش تعتمد بس على الـ QA، أنت كـ Developer مسؤول عن كتابة Unit Tests على الأقل.

✅ كل ما تكتب Tests أكتر، كل ما الكود بتاعك هيبقى أسهل في الـ Refactor، وأقل Bugs.

أكيد تعرف npm install أو npm i
.
.
لكن هل تعرف npm ci؟

لما تكتب npm install، هو بيبص على الـ package.json ويشوف إيه الـ packages المطلوبة، وبعدين:

- لو فيه package-lock.json بيحاول يطابقه.

- ولو مش موجود، بيبدأ يركّب اللي محتاجه ويعمل واحد جديد.

- وكمان ممكن يحدث بعض الـ packages لو شاف إن فيه إصدار أحدث متوافق مع الشروط.

وطبعًا ده كويس لكن ممكن يحصل اختلافات من جهاز للتاني...

———

الـ ci معناها "continuous integration"، والأمر ده معمول مخصوص عشان الـ automation وبيشتغل بشكل أسرع وأسهل.

- بيمسح فولدر node_modules تمامًا.

- وبعدين يركّب الـ packages بالضبط زي ما هي مكتوبة في package-lock.json.

- لو فيه فرق بين package.json و package-lock.json بيقف ويعمل Error.

✅ ده معناه إن npm ci:

- أسرع من install.

- بيعمل نفس النتائج كل مرة.

- ممتاز في الـ CI/CD pipelines أو في الشركات الكبيرة.

———

لو شغال لوحدك ولسه بتضيف/تحدث packages: استخدم npm install.

لو بتشتغل في تيم أو بتعمل Deploy على سيرفر: استخدم npm ci عشان تضمن ثبات البيئة.

💡 Claude Tip

If you're frequently switching between Sonnet and Opus, try:
/model opusplan

• This uses Opus for planning and more complex tasks while falling back to Sonnet for regular work.

• It's a useful setup when working on larger features, RFCs, architecture discussions, or multi-step tasks, while still keeping everyday interactions fast and efficient.

Ready-to-use configurations for your Claude Code projects 💯

https://www.aitmpl.com

💡 Claude Tip

Run /config, search for Output Style, and select Learning.

• Instead of giving you the full solution right away, Claude guides you step by step and asks you to write small pieces of code yourself.

• It's a great way to learn new technologies, understand unfamiliar codebases, and improve your problem-solving skills.