أذكى وأجرأ قرار أخدوه تيم React؟ مو الـHooks ولا الـServer Components، ولا حتى الـJSX!

خليني خبركن عن قرار قديم صار بـ2015، ولسا لهلأ عم يغير شكل تطوير الواجهات 👇

بوقتها، قرروا يفصلوا React عن React-DOM
يعني خلّوا React عبارة عن "عقل" ومنطق عام لإدارة الـUI
وخلّوا التّصيير (Rendering) مسؤولية أدوات تانية حسب المنصة

والنتيجة؟
صار فيك تستخدم React بكل مكان تقريبًا:

🔹 react-dom للويب
🔹 react-native للموبايل
🔹 ink للـTerminal (نعم، CLI!)
🔹 react-three-fiber لعوالم 3D
🔹 وغيرهم كتار...

نفس المفاهيم اللي بتحبها بـReact:
state, components, props, hooks...
بس تقدر تستخدمها على أي منصة!

القرار هاد عمل نقلة نوعية، وخلى React تتحول من "مكتبة للويب" لـ"منصة عالمية لبناء الواجهات" 🎯

والأجمل؟ إنو هالقرار من 2015 ولسا لهلأ عم يفتح أبواب جديدة للمطورين!

📌 اللي كتب الوثائق لهالنسخة كانت Sophie Alpert

لو حبيتوا هيك محتوى تقني وتاريخي، لا تنسوا تشاركوه مع المهتمين 💙

#React #WebDev #OpenSource #TechHistory

سلسة نصائح OOP

قبل ما ندخل بعالم الـ Object-Oriented Programming، لازم نتفق على أهم نقتطين لازم تهتم فيهم بأي كود بتكتبه:

الـ Readability:
يعني الكود لازم يكون سهل القراءة والفهم لأي مبرمج ممكن ييجي بعدك.
الكود مو معمول بس للكمبايلر، معمول لزملاءك المطورين كمان.

🧠 "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." – Martin Fowler

الـ Reusability
ما في داعي تكرر نفس الكود أكتر من مرة.
إذا عندك قطعة كود عم تتكرر بنفس الطريقة أكتر من مرة، لازم تعيد تنظيمه بطريقة قابلة لإعادة الاستخدام، وهاد بالضبط من أهم أهداف OOP.

===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال

سلسة نصائح OOP

هلا لازم نفهم شو يعني Programming Paradigm.

🔸 هو باختصار "نمط برمجي" أو "أسلوب كتابة كود".
كل لغة برمجة بتدعم واحد أو أكتر من الـ paradigms، وهي الاستراتيجيات الأساسية لكتابة الكود.

🔹 بنقسم الـ paradigms لقسمين كبار:

Imperative Paradigm – النمط التعليمي

Declarative Paradigm – النمط التصريحي (رح نحكي عنه لاحقًا)

===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال

تحياتي لكم جميعاً
اتمنى لكم بداية اسبوع موفقة و خالية من الـ Bugs و الـ Meeting

نتلقى اسئلتكم عبر ستوري انستغرام من هنا

سلسة نصائح OOP

الـ Imperative Paradigm وأنواعه:

الـ Imperative Paradigm بيعتمد على إنك تعطي الكمبيوتر سلسلة أوامر خطوة بخطوة، ولازم تهتم بترتيبها.
وهو بينقسم لعدة أنماط فرعية، أهمها:

Procedural Programming
Object-Oriented Programming
Parallel Processing

===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال

هل في حدا بيشتغل متاجر على shopify ياريت يتواصل معي لسلمه شغل

سلسة نصائح OOP

الـ Procedural Programming هو تطوير للـ imperative paradigm، بحيث يسمحلك تقسّم الكود لإجراءات (procedures) تنفذ مهام محددة.

⚠️ ملاحظة: فيه فرق بين procedure و function

الـ function بترجع قيمة

الـ procedure ما بترجع

🔍 مثال تقليدي:

int sum = 0;
for(int i = 1; i <= 10; i++) {
  sum += i;
}
cout << "The sum is: " << sum;

هون استخدمنا loop و procedure بسيطة بدل ما نكتب sum += x عشر مرات، فدخلنا بعالم "تنظيم الكود".



===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال

سلسة نصائح OOP
النوع التاني من الـ Imperative Paradigm هو Object-Oriented Programming – أو ببساطة OOP.

OOP مش لغة، هي أسلوب كتابة كود، بنظّم الكود بطريقة بتشبه الحياة الواقعية:

بتتعامل مع أي كائن على إنه Object

والكائن إله خصائص (Attributes) و سلوكيات (Behaviors)

🧠 مثال:
Car → هي object
خصائصها: model, color, engine
وظائفها: تمشي، توقف، تزمّر

أي كائن تاني من نوع "Vehicle" ممكن يكون إله خصائص متشابهة ووظائف متقاربة.

وهون بيظهر جمال الـ OOP:

✅ إعادة استخدام الكود (Reusability)
✅ قابلية التوسعة والتعديل بدون فوضى (Maintainability)
✅ تنظيم وهيكلية واضحة


===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال

وصلني من أحد الأصدقاء:

We are seeking an experienced Senior Backend Developer to design, develop, and maintain high-quality backend solutions for our online E-commerce company.

Key Responsibilities:
Backend Development: Architect, design, and develop scalable, secure, and high-performance backend systems.
API Development & Integration: Build and integrate RESTful APIs and GraphQL services.
Database Management: Work with MySQL and Elasticsearch, handling complex queries and indexing strategies.
Code Quality & Reviews: Write clean, maintainable, and testable code while ensuring best practices through code reviews.
DevOps & CI/CD: Implement and maintain CI/CD pipelines, automate deployment processes, and manage cloud infrastructure.
Troubleshooting & Debugging: Identify and resolve complex issues in production environments.

Required Skills & Qualifications:
Experience: 4+ years in backend development, with a strong portfolio of successful projects.
Frameworks: Proficiency in Django or Laravel (or both).
Databases: Strong experience with relational databases (MySQL) and NoSQL databases (Elasticsearch, Redis).
API Development: Expertise in building and consuming RESTful APIs and GraphQL.
DevOps & Cloud: Familiarity with Docker, CI/CD tools, and cloud infrastructure.
Version Control: Proficiency in Git.
Agile Methodologies: Experience working in Agile/Scrum environments.
Communication: Strong verbal and written communication skills.

Additional Information:
Location: Based in Damascus, Syria (Onsite Work)
Competitive compensation package with attractive benefits.
To apply, please send your resume to Bana@wonderbeauties.com

———————————————————-
ملاحظة هامة:
ماعندي اي معلومات اضافية تتعلق بفرصة العمل هي فقط قمت بنشرها بنية مساعدة الاشخاص اللي عم تبحث عن عمل تلاقي شغل و بالتوفيق للجميع

سلسة نصائح OOP

شو يعني Parallel Processing؟
Parallel Processing هو نوع من الـ paradigms بيمكّنك تشغل أكتر من مهمة بنفس الوقت، بتقسيم العمليات على أكتر من processor أو thread.

بيستخدموه بالمشاريع يلي فيها heavy computation أو real-time processing، مثل تحليل البيانات أو التعامل مع الصور والفيديوهات أو حتى الألعاب.

✅ أسرع من التنفيذ المتسلسل
✅ بس بيعتمد على المعالجة المتوازية ونظام التشغيل

===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال

🎉 تم إطلاق Node.js v20.19.1 (LTS)!
وهي نسخة جديدة من سلسلة الدعم طويل الأمد، وتتضمّن مجموعة من التحسينات المهمة 👇

🔧 شو الجديد بهالإصدار؟

✅ تحديث مكتبة Undici للإصدار v6.21.2
Undici هي المكتبة الأساسية في Node.js لتنفيذ طلبات HTTP، والتحديث الأخير جلب تحسينات بالأداء والثبات، خاصة للتطبيقات اللي بتعتمد على طلبات API بشكل مكثف.

✅ ترقية مكتبة c-ares للإصدار v1.34.5
هاي المكتبة مسؤولة عن التعامل مع استعلامات DNS، والتحديث الجديد بيحسّن موثوقية الاتصال بالشبكة وبيقلل من المشاكل المحتملة في حل أسماء النطاقات.

✅ إعادة دعم DNS Query Cache TTL
تم استرجاع خاصية التحكم بـ TTL (مدة صلاحية الكاش) لاستعلامات DNS، وهالشي بيعني تحسين أفضل لإدارة الكاش وتقليل عدد الاستعلامات المتكررة، وهاد بيعني كفاءة أعلى خاصة بالتطبيقات الشبكية.

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

📌 ليش يهمّك التحديث؟
لأنّه إصدار LTS، يعني رح يحصل على دعم طويل الأمد وتحديثات أمان، فالأفضل ترقيته إذا كنت بتشتغل بمشروع حقيقي أو تجاري.

===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال

🎯 شو يعني Resilience & Retry؟

تخيل إنك عم تتعامل مع API خارجي، وفجأة فشل الاتصال…
هل بتوقف السيستم؟ أكيد لا!

هون بيجي دور:

Resilience: خليك جاهز تتعامل مع الفشل بدون ما ينكسر كل شي.

Retry: جرّب تعيد المحاولة تلقائيًا… مرة، مرتين، ثلاثة… لعلها تنجح!

و Laravel بتسهلها عليك:

Http::retry(3, 200)->get($url);

يعني جرّب 3 مرات، وانتظر 200ms بين كل محاولة.

عجبتك المعلومة و استفدت منها؟؟
لا تنسى تشاركها و تتفاعل معها 🔥

===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال

شي مرة سمعت عن مفهوم الـ Concurrency & Transaction Management

خليني اشرحلك ياه بالمثال التالي:
شو بيصير لو وصل طلبين بنفس الوقت ليعدّلوا نفس البيانات؟
بتصير فوضى… إذا ما عالجتها صح!

لهيك:

استخدم Queues منشان ترتّب المهام وتخفف الضغط.
استخدم Transaction لتضمن يا كل شي ينجح، يا كل شي يتراجع

مثال بـ Laravel:

DB::transaction(function () {
});

النتيجة؟؟
مشروعك آمن ضد التعارضات و فيك تطمن انه حتى لو صار ضغط مارح تفرش الدنيا

عجبتك المعلومة و استفدت منها؟؟
لا تنسى تشاركها و تتفاعل معها 🔥

===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال

تحياتي للجميع و تمنياتي لكم بأسبوع عمل موفق خال من الـ Bugs و الـ meetings

كما جرت العادة نستقبل اسئلتكم على الـ store في instgram من خلال الرابط: هنا

TranslaGenius - حزمة Laravel لأتمتة ترجمة تطبيقاتكم

من أعمال يوسف صالح 🔥

الفكرة و التنفيذ رائعين جداً و انصح بتجربتها و المساهمة بتحسينها

للي مابيعرف يوسف كان ضمن طلاب الدفعات 5 و 6 من التدريبات بشركة فوكال اكس و من لحظة ما تعرفت عليه لهي اللحظة الشب مثال للتميز و الاجتهاد

كل الدعم منا الك يا يوسف بأول مشاريعك مفتوحة المصدر و نشالله القادم اكبر بكتير

تفاصيل إضافية من خلال الرابط: هنا

شو اللي بتفضله باستخدامك لما بتشتغل مع API ؟؟

و ليش؟

صرلي فترة مستمتع بتعلم الـ DevOps و رح بلش معكم سلسلة اشرحلكم فيها عنه فتابعوا القناة و شاركوها بين اصدقائكم

🔥🔥

سلسلة منشورات DevOps

شو يعني DevOps؟
DevOps = دمج بين تطوير البرمجيات (Development) وإدارة الأنظمة (Operations).
الهدف؟ تسريع و تحسين طريقة بناء التطبيقات وتشغيلها بأمان وكفاءة.

ليش الشركات بتحب DevOps؟
نشر التحديثات أسرع
جودة تطبيقات أعلى
كشف الأخطاء أسرع
تعاون أفضل بين الفرق
تكلفة أقل على المدى الطويل

شو يعني Cloud؟
Cloud = سيرفرات موجودة عالإنترنت مو بس بجهازك.
بتحصل على سيرفر أو مساحة تخزين أو قاعدة بيانات... وتدفع حسب استخدامك.
أمثلة: AWS، Azure، Google Cloud.


انتظرونا في منشورات قادمة 🔥


===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال

يومياً بيوصلني استفسارات كتير خصوصاً للاشخاص اللي عم تبدأ جديد بمجال البرمجة او حتى خلال الاسئلة الاسبوعية بخصوص اختيار المسار البرمجي او شو بتعلم او شو بيمشي حال مع Freamwork معين او غيره.

اغلب هي الاسئلة شارح الاجابة عنها باستضافة بفيديو جلسة مشاريع التخرج التقنية - مهارات وأساليب

تم تسجيل هذه الجلسة يوم الخميس، 4 أبريل 2024، وهي مقدمة برعاية شركة @focalXagencyllc

00:00 بداية
9:07 مقدمة
14:24 سلوك عمل وتفكير الفريق البرمجي
24:24 فكرة المشروع
28:37 التعقيد و الجودة في المشروع
32:55 اهمية تجربة المستخدم UX في مشروعك
38:06 أهمية توثيق المشروع
41:36 ماهي ال SRS و أهميتها
44:50 الجدول الزمني للمشروع
50:00 أهم لغات البرمجة و الأدوات أثناء العمل مع فريق
1:02:40 كيف يتم تنظيم و تنسيق العمل ضمن الفريق
1:06:40 أهم ال tools التي تحتاجها في مشاريعك
1:09:46 ما المقصود بالسيرفر وأهميته في المشاريع؟
1:11:51 الاجابة عن الاسئلة المطروحة بال form

تقريب الساعتين من الحديث عن هي النقاط اللي اكيد رح تكون مهمة انك تعرفها

رابط الفيديو: https://youtu.be/uNkKS44fxfQ

و لا تنسوا الاشتراك بالقناة و تفعيل زر الجرس ليوصلكم كل جديد 🔥

شو يعني CI/CD؟
CI (Continuous Integration):
كل ما يضيف المبرمج كود جديد، يتم دمجه وفحصه تلقائياً ضمن المشروع.

CD (Continuous Deployment):
الكود الجديد يتم نشره تلقائياً على الخوادم بدون تدخل يدوي.

بكلمات أبسط: كل شي بيصير لحالو... دمج، فحص، نشر ✅


انتظرونا في منشورات قادمة 🔥


===================

Linkedin |Instgram | YouTube

أنا Somar Kesen أعمل كـ Full Stack Developer أنشر بشكل شبه يومي منشورات تحتوي على العديد من المعلومات عن تطوير البرمجيات و سوق العمل مستخلصة من خبرة سنين في العمل مع العديد من الشركات في الشرق الأوسط و أوروبا ضمن هذا المجال