a fast, modern browser for the npm registry 💯

https://npmx.dev

Bash Scripting

Get started with Bash Shell noscript learning with practical examples. Also test your learning with practice exercises.

📶 Difficulty level: Beginner
⏳ Time to complete: Approx. 3 hours

———

📌 Course Content:

- Create and Run Your First Bash Shell Script
- Understanding Variables in Bash Shell Scripting
- Passing Arguments to Bash Scripts
- Using Arrays in Bash
- Using Arithmetic Operators in Bash Scripting
- String Operations in Bash
- Decision Making With If Else and Case Statements
- Loops in Bash
- Using Functions in Bash
- Automation With Bash

———

https://linuxhandbook.com/courses/bash

Linux File Permissions 💯

سمعت عن Keycloak؟
.
.
وأنا شغال على أكتر من مشروع في الفترة اللي فاتت، كان دايمًا فيه سؤال بقابله كل مرة:
"إزاي أظبط موضوع تسجيل دخول المستخدمين والصلاحيات بتاعتهم من غير ما أضطر أبني سيستم Auth كامل من الصفر كل مرة؟"

في الأول زي أي حد…
الـ Login بسيط، شوية JWT، شوية Middleware، وبعدها Roles، Permissions، Social Login، Refresh Tokens...
وفجأة تلاقي نفسك بتبني System كامل علشان حاجة مش هي الـ core بتاع المشروع أصلًا وبتحرق فيها وقت جامد.

لغاية ما قابلت Keycloak 💯

———

أداة Keycloak ببساطة عبارة عن Identity & Access Management
يعني سيستم متكامل بيشيل عنك وجع دماغ التوثيق والصلاحيات، ويديك حاجة جاهزة، قوية، وقابلة للتخصيص.

اللي عجبني فيه مش بس إنه:
- بيدعم OAuth2 / OpenID Connect / SAML
- Single Sign-On (SSO)
- User Management + Roles + Groups
- Social Login (Google, GitHub, …)
- Two-Factor Authentication
- عندك UI جاهز تشتغل عليه أو تعدله

———

الفكرة كلها إنك: تفصل الـ Auth عن البزنس لوجيك بتاع المشروع.
يعني بدل ما كل مشروع يبقى فيه Login مختلف، أو كل Microservice يشيل هم المستخدمين، Keycloak تبقى هي المصدر الوحيد للعمليات دي كلها.

———

لما تبدأ تستخدم Keycloak هتحس لأول مرة إن كل حاجة واضحة:
- مين المستخدم اللي داخل على السيستم
- وليه عنده صلاحية يعمل الحاجة دي
- وإزاي تتحكم في ده كله من غير ما تدخل تعدل في الكود لكل خدمة أو صفحة

ده بيفرق جدًا لو شغال على مشاريع فيها:
- Microservices
- Frontend و Backend منفصلين
- أو حتى سيستم كبير للشركات (Enterprise Systems)

———

طبعًا هي مش حاجة سهلة ومش “Plug & Play” ببساطة، بس أول ما تفهمها صح، هتوفر وقت ومجهود كبير...

كتاب مهم جدًا لجماعة الباك إند 💯
.
.
الكتاب عبارة عن مسار تعلم الباك إند خطوة بخطوة بالإضافة إلى أهم المفاهيم اللي تخص عالم الـ API وكمان أشهر أكواد الـ HTTPS ومعنى كل كود، وأفكار مشاريع تقدر تطبقها خلال رحلة التعلم، وغيرها من المواضيع اللي هتساعدك تطور مهاراتك بشكل كبير في مجال الباك إند. 💡

———

Complete Backend Handbook 🚀

The guide covers the Backend dev roadmap and explains core API concepts, common HTTP status codes, project ideas, & much more.

تعال أقولك على كام نصيحة تخلي بالك منها قبل ما تبدأ أي مشروع فريلانسنج 💯
.
.
أولًا: اتفق على كل التفاصيل قبل ما تحط إيدك في المشروع زي مدة تسليم المشروع وهيكلف كام وطريقة التسليم هتكون إزاي وكمان التعديلات المسموح بها خلال فترة العمل أو حتى بعد تسليم المشروع...خليك متفاهم مع العميل وحاول تكون مستمع جيد جدًا.

ثانيًا: خليك واضح مع العميل وعرفه إيه الحاجات اللي هتعملها في المشروع (الصفحات والمميزات وغيرها)...ده هيمنع أي سوء تفاهم بينك وبين العميل وكمان هتكون مريح نفسك من التعديلات اللي بتظهر فجأة وتنكد عليك عيشتك.

ثالثًا: اتفق على الدفعات المالية وإزاي هتاخد فلوسك من العميل وعلى كام مرة...فيه عملاء بترضى إنها تدفع عربون وفيه عملاء بتدفع نصف المبلغ وفيه عملاء مبترضاش غير لما تشوف المكنة طلعت قماش (يعني بدأت شغل في المشروع وطلعت نتائج)...أنا بفضل إنك تاخد جزء من فلوس المشروع أو نصف المبلغ لو ده متاح مع العميل علشان تضمن إن تعبك ميروحش على الأرض.

رابعًا: قبل ما تبدأ في كتابة سطر كود واحد حاول تدرس المشروع كويس جدًا جدًا جدًا...من حيث المشروع كام صفحة وهتحتاج مكتبات إيه وهتشتغل بأي طريقة وهتبدأ من أي مكان في المشروع وهكذا...وأكيد مش هتكون مُلم بكل ده من أول مشروع ولكن الموضوع بيجي مع الممارسة وكثرة الشغل.

خامسًا: لو المشروع كبير شوية وفيه إمكانية تكتب عقد مع العميل (لو هو من بلدك) اعمل ده واضمن حقك علشان لو العميل قرر يخلع في نص المشروع...والعقد يكون موضح فيه كل تفاصيل المشروع.

سادسًا: خليك على تواصل دائم مع العميل وبلغه بالنتائج أول بأول...ده هيخلي عنده انطباع كويس عنك وممكن يكون سبب في باب رزق لك قدام (وده عن تجارب شخصية)...متنامش في الخط وتسيب العميل يكلم في نفسه ويظن فيك سوء.

سابعًا: خليك صريح مع العميل لو حصلت عندك ظروف أو حصل تأخير في تسليم المشروع وحاول تعوضه بأي حاجة زي إنك هتزود فترة التعديلات اللي بعد التسليم 48 ساعة مثلًا أو إنك هتضيف ميزة جديدة شايف إنها هتكون كويسة في المشروع (خليك ناصح).

ثامنًا: خليك هادي مع العميل واوعى تتعصب عليه أو تكلمه بطريقة وحشة لأن ده هيعود عليك بالسلب ده غير إنه ممكن يخلع وتضيع مجهودك على الفاضي...ادفع بالتي هي أحسن...كل عيش يا حماده ومشي أمورك.

تاسعًا: خليك جاهز للنقد والتقييم حتى لو بالسلب...حاول تاخد تقييم من العميل وكمان تكون متقبل النقد لأنك صعب تلاقي عميل راضي 100% ولكن اسمع منه التقييم والنقد وحاول تصلح الحاجات دي في المشروع الجاي.

وأخيرًا: لو المشروع كبير عليك وهياخد منك وقت كبير ممكن تستعين بصديق أو تبحث عن أي شخص يساعدك فيه...وده من باب واللهُ في عونِ العبدِ ما كان العبدُ في عونِ أخيه.

———

بالتوفيق يا صديقي 🌿

Learn Go with Tests 💯

https://quii.gitbook.io/learn-go-with-tests

دليل شامل هيساعدك تتعلم React.js وتعرف كل الأدوات والمفاهيم اللي هتفيدك خلال رحلة التعلم 💯

𝐓𝐨 𝐋𝐞𝐚𝐫𝐧 𝐢𝐧 𝐑𝐞𝐚𝐜𝐭: 𝐀 𝐂𝐨𝐦𝐩𝐫𝐞𝐡𝐞𝐧𝐬𝐢𝐯𝐞 𝐆𝐮𝐢𝐝𝐞 ✅

أداة Chrome DevTools MCP هدفها أنها تساعد الـ AI Agent يختبر الموقع على المتصفح.

Chrome DevTools MCP 🚀

chrome-devtools-mcp lets your coding agent (such as Gemini, Claude, Cursor or Copilot) control and inspect a live Chrome browser.

It acts as a Model-Context-Protocol (MCP) server, giving your AI coding assistant access to the full power of Chrome DevTools for reliable automation, in-depth debugging, and performance analysis.

———

https://github.com/ChromeDevTools/chrome-devtools-mcp

ملف رائع من سدايا .. كل أدوات الذكاء الإصطناعي مرتبة حسب الإستخدام باللغة العربية 💯