Learn Regex step by step, from zero to advanced. 🚀

Learning Regex is easier than you think. You can use this tool to easily learn, practice, test and share Regex.

https://regexlearn.com

تجميعة جبارة لأنماط التصميم المختلفة 🔻

Awesome Software and Architectural Design Patterns 💯

A curated list of software and architecture related design patterns.

https://github.com/DovAmir/awesome-design-patterns

الريبو ده بيشرحلك خطوة بخطوة إزاي تبني أدوات وتقنيات زي الـDocker، لغات البرمجة، قواعد البيانات، وغيرهم من الصفر. 💡💻

build-your-own-x 💡

Master programming by recreating your favorite technologies from scratch.

https://github.com/codecrafters-io/build-your-own-x

لو زهقت من الكورسات النظرية وعاوز تتعلم البرمجة بطريقة عملية، احفظ الريبو ده عندك. 🔥

Project Based Learning 🔥

Curated list of project-based tutorials

https://github.com/practical-tutorials/project-based-learning

لو بتدور على شغل عن بُعد في مجال الـ Tech، دي قائمة بشركات بتوفر فرص شغل جزئي أو كلي عن بُعد. 🔻

Remote-Friendly Companies 💯

A list of semi to fully remote-friendly companies (jobs) in tech.

https://github.com/remoteintech/remote-jobs

مجموعة مدونات تقنية مميزة في مجال هندسة البرمجيات 🔻

الريبو ده فيه مجموعة من أفضل المدونات اللي هتعلمك كل حاجة عن البرمجة والتقنيات المختلفة. 🌐

Software Engineering Blogs ✍️

A curated list of engineering blogs

https://github.com/kilimchoi/engineering-blogs

لو شغال بـ VS Code، الريبو ده هيفيدك جدًا 🔻

هتلاقي مجموعة مختارة من أفضل الإضافات والمصادر اللي هتخلي شغلك أسهل وأسرع 🚀

🎨 A curated list of delightful VS Code packages and resources.

https://github.com/viatsko/awesome-vscode

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

لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي لـبنـان وفي كل دول العالم من الدعاء. 🔻

———

React Hooks Simplified ✅

This course covers every single React hook you need to know in order to create any application.

This course also covers 30 unique custom hooks to give you inspiration and ideas on how you can create and use React hooks in your application.


📌 رابط الكورس:
https://courses.webdevsimplified.com/view/courses/react-hooks-simplified

———

وفقكم الله لكل خير 🌿

الـ OOP أو Object-Oriented Programming 🔻

الـ OOP بتقوم على أربع أعمدة أساسية: Abstraction، Encapsulation، Inheritance، وPolymorphism. طيب، إيه معناهم؟

———

🟠 Abstraction

الفكرة في الـ Abstraction هي إنك تخفي التفاصيل اللي تخص الـ implementation وتعرض بس الحاجات المهمة اللي المستخدم محتاج يعرفها.

زي مثلًا لو عندك class اسمه Vehicle وفيه method اسمها stop، الـ method دي ممكن تكون abstract يعني محدش يعرف إزاي بتشتغل من جواها، كل اللي باين إنها بتوقف الـ Vehicle.

———

🟠 Encapsulation

الـ Encapsulation معناه إنك "تغلف" البيانات (اللي هي الـ fields) والوظائف (اللي هي الـ methods) في وحدة واحدة اللي هي الـ class. وكمان، إنك تحدد مين يقدر يوصل للبيانات دي عن طريق الـ access modifiers.

زي إنك تخلي الـ fields بتاعتك private، وتعمل لها getters و setters علشان تتحكم في الوصول ليها.

———

🟠 Inheritance

الـ Inheritance بيسمح لك تعمل class جديد (child class) يورث الـ attributes والـ methods من class موجود بالفعل (parent class). الميزة هنا إنك بتقدر تعيد استخدام الكود بدل ما تكتبه من أول وجديد.

مثال: عندك class اسمه Vehicle، تعمل منه class اسمه Car، والـ Car هيبقى عنده نفس صفات وسلوكيات الـ Vehicle.

———

🟠 Polymorphism

الـ Polymorphism معناه إن الـ methods بتشتغل بشكل مختلف بناءً على الـ object اللي بتتطبق عليه. وده بيخليك تستخدم نوعين ليهم نفس الـ inheritance chain مع بعض من غير مشاكل.

يعني لو عندك method بتاخد Vehicle كـ parameter، ممكن تبعت لها Car أو Bike وهتشتغل عادي طالما إنهم بيورثوا من Vehicle.

———

وفقكم الله لكل خير 🌿

سؤال انترڤيو لذيذ في عالم الفرونت اند 🔻
.
.
📌 إيه الفرق بين الـ async والـ defer في الـ script tag؟

سؤال بسيط لكنه مهم جدًا خصوصًا لو عايز تظبط الـ performance تبع الـ website بتاعك.

———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_javascript-javascriptdeveloper-frontenddevelopment-activity-7274435450923032576-Xm1z

📍 Qabilah

https://qabilah.com/posts/sJQqXiEA95w

———

وفقكم الله لكل خير 🌿

تعال ندردش شوية عن الـ Load Balancing 🔻

الـ Load Balancing حاجة مهمة جدًا بتأثر في سرعة وثبات أي تطبيق، وخصوصًا لو التطبيق ده عليه عدد ضخم من المستخدمين.

الفكرة في الـ Load Balancing إنه بيوزع ضغط الطلبات اللي بتيجي على السيرفرات عشان يخلي الأداء أحسن ويقلل أي مشاكل ممكن تحصل.

———

📌 إزاي الـ Load Balancing بيشتغل؟

تخيل معايا أنك عندك تطبيق عليه عدد كبير من المستخدمين اللي بيدخلوا ويعملوا طلبات في نفس الوقت، زي متجر إلكتروني كبير أو موقع تواصل اجتماعي.

لو التطبيق ده موجود على سيرفر واحد، هيواجه مشكلة كبيرة لو العدد زاد لأن السيرفر هيبدأ يبقى بطيء، أو ممكن يقع لو الضغط كان زيادة.

الحل هنا إنك بدل ما تشغل التطبيق كله على سيرفر واحد، بتوزعه على أكتر من سيرفر، وكل سيرفر بيشيل جزء من الشغل.

الـ Load Balancer بيدخل هنا وبيبقى هو اللي بيحدد الطلبات تروح لمين، بحيث مفيش سيرفر يكون عليه ضغط أكتر من التاني.

———

📍 أنواع الـ Load Balancing:

- الـ Round Robin: الطريقة دي ببساطة بتوزع الطلبات بالتساوي على كل السيرفرات. أول طلب يروح لأول سيرفر، والتاني للتاني، وهكذا لحد ما يوصل لآخر سيرفر ويرجع تاني من الأول.

- الـ Least Connections: الطريقة دي بتركز على عدد الاتصالات اللي كل سيرفر شغال عليها، بمعنى إنها بتبعت الطلب للسيرفر اللي عليه عدد أقل من الطلبات حاليًا، وده بيكون مفيد لما يكون فيه اختلاف كبير في الحمل بين الطلبات.

- الـ IP Hash: هنا التوزيع بيكون بناءً على عنوان IP بتاع العميل اللي بيعمل الطلب، يعني كل عميل دايمًا هيتم توجيهه لنفس السيرفر بناءً على عنوان الـ IP بتاعه، ودي بتنفع في حالات معينة زي لما يكون فيه بيانات كاش محتاجة تتوزع.

- الـ Weighted Load Balancing: في الحالة دي بنعمل أحمال مختلفة للسيرفرات بناءً على قدرتهم. يعني لو عندك سيرفر أقوى من الباقيين، تقدر تخليه ياخد حمل أكبر.

———

📍 ليه الـ Load Balancing مهم؟

الهدف الأساسي من الـ Load Balancing هو إنه يخلي التطبيق بتاعك مستقر وسريع للمستخدمين مهما زاد عددهم.

يعني بدل ما الموقع يعلق أو يقع، الطلبات هتفضل تتوزع بشكل مرن على كل السيرفرات.

———

وفقكم الله لكل خير 🌿