بكتير من الاحيان بتدخل على مواقع بتلاقيها عرفت الموقع تبعك بدون ما تطلب منك صلاحيات الوصول للموقع فـ يا ترى كيف تم هاد الشي؟

ببساطة من خلال الـ ip تبعكم !!

في كتير خدمات على الانترنت بتعطيك API بس ابعتله الـ ip اللي واصلك مع الـ request و هو بجبلك الدولة و المدينة و غيرها من المعلومات اللي بتختلف بين كل خدمة و تانية.

و بهي الطريقة انت بتكون قادر توصل لهي المعلومات بدون ما تطلب اي صلاحيات اضافية من المستخدم.

و هلا خبرني كنت بتعرف انك قادر تعمل هاد الشي ولا انا خبرتك فيه هلا؟

لا تنسوا تتابعوني على المنصات من خلال:
Facebook | Linkedin |Instgram | Telegram | YouTube

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

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

صباح الخير جميعاً

الفيديو الجديد صار موجود على القناة الـ YouTube بعنوان:

كيف تثبت ووردبريس على استضافة cPanel بسهولة - الدليل الكامل بخطوات مضمونة | Install WordPress

بتمنالكم مشاهدة ممتعة و مفيدة و بانتظار آرائكم بالتعليقات 🔥

https://youtu.be/LJ3dO2hYkxo

الفيديو القادم رح اشرحلكم فيه كيف بإمكانكم تعملوا ربط بين الـ Telegram و الـ GitLab حتى يوصلكم إشعار بكل commit عم تصير و تفاصيلها و غيرها من الامور اللي بتصير على الـ Repo تبعكم.

الفيديو اليوم او بكرا رح ينزل و لبين ما ينزل بذكركم بهالفيديوهات تشوفها:

📌 كيفية تثبيت الـ WordPress على استضافة cPanel : هنا
📌 كيفية حماية موقعك من الاختراق بسبب اكواد رفع الملفات: هنا
📌 أسرار الـ Cron Job : هنا

لا تنسوا تتابعوني على المنصات من خلال:
Facebook | Linkedin |Instgram | Telegram | YouTube

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

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

إذا كنت عم تشتغل بمجال تطوير الويب، وخاصةً إذا كنت عم تستخدم تقنيات حديثة متل React أو Vue.js، أكيد مر عليك مصطلح "hydration". بس شو يعني هاد المصطلح وشو أهميته؟

لما تفتح أي صفحة ويب، الصفحة بالأول بتنزل كـ HTML ثابت من السيرفر. يعني الصفحة بتكون موجودة عندك، بس بدون أي تفاعل. هون بيجي دور الـ "hydration"، وهو العملية اللي الجافاسكريبت فيها بيقوم "بترطيب" الصفحة، يعني بيحولها من مجرد HTML ثابت لواجهة تفاعلية بشكل كامل.

💡 ليش هالعملية مهمة؟

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

تجربة مستخدم مريحة: الـ "hydration" بيخليك تضمن إن الصفحة جاهزة فورًا للمستخدم، وبعدها بتبدأ التفاعلات تصير بسلاسة، متل الضغط على الأزرار، تعبئة النماذج، وغيرها.

تطوير تطبيقات معقدة بسهولة: لما بتشتغل على مشاريع كبيرة أو تطبيقات ويب تفاعلية معقدة، الـ "hydration" بيساعدك تقدم أداء عالي وتجربة مستخدم مثالية.

🎯 كيف بيشتغل الـ Hydration؟

المتصفح بيستلم صفحة HTML ثابتة من السيرفر.
الجافاسكريبت بينزل وبيبدأ يربط الأحداث بالعناصر الموجودة بالصفحة.
الصفحة بتصير تفاعلية بالكامل بدون ما المستخدم يلاحظ أي تأخير كبير.

🤔 وين بنستخدم الـ Hydration؟

تطبيقات مثل Facebook وTwitter والعديد من المواقع الكبيرة تعتمد على هالتقنية لحتى تضمن السرعة والتفاعل بنفس الوقت. لما بتفتح فيسبوك، الصفحة بتظهر بسرعة وبعدين التفاعلات بتصير بشكل فوري بفضل الـ "hydration".

إذا كنت عم تطور تطبيق ويب، جرب تطبيق مفهوم الـ "hydration" وشوف كيف ممكن يساعدك ترفع من مستوى أداء صفحاتك وتقدم تجربة مستخدم أفضل

شاركوني تجاربكم أو إذا عندكم أي أسئلة حول هالتقنية بالتعليقات! 😊


لا تنسوا تتابعوني على المنصات من خلال:
Facebook | Linkedin |Instgram | Telegram | YouTube

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

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

لا ترفع موقعك على الانترنت قبل ما تكون عامل هالـ 3 نصائح

📌 أولاً، تكون عامل lazy loading كرمال ما تحمل كل المحتوى والصور دفعة واحدة، وبهالطريقة بتحسن من سرعة تحميل الصفحة وبتخفف الضغط على السيرفر.

📌ثانياً، تكون عامل image optimization لتقليل حجم الصور بدون ما تخسر الجودة، وهيك بتساعد على تحسين سرعة تحميل الموقع وبنفس الوقت بتقلل استهلاك الباندويث.

📌 وأخيراً، minifying CSS/JS لضغط الأكواد وإزالة المسافات والتعليقات الزائدة، وبهالطريقة بتصغر حجم الملفات وبتسهم بشكل كبير في تسريع تحميل الموقع.

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

لا تنسوا الاشتراك بقناتي على YouTube حتى تشوفوا الشروحات على شكل فيديوهات

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

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

شو اقتراحاتكم للفيديوهات القادمة على قناة اليوتيوب؟ 🤔

🚀 GitHub vs. GitLab: الفرق ببساطة؟

🔹 GitHub: منصة المجتمع الأكبر، مثالية للمشاريع المفتوحة المصدر والتعاون مع عدد ضخم من المطورين.

🔸 GitLab: الحل الشامل لـ DevOps، كل شي مدمج من CI/CD لتتبع الـ issues وحتى الـ Container Registry.

🤔 تختار مين؟ GitHub إذا بدك مجتمع واسع، وGitLab إذا بدك حل متكامل.

#WebDevelopment #GitHub #GitLab #DevOps

البوست بشكل موسع على Linkedin من هنا

الفرق بين Gate و Policy في Laravel:

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


Policy: مخصص للتعامل مع نماذج معينة (Model-Based Authorization). بيحدد مين بيقدر يعمل عمليات معينة مثل العرض، التعديل، أو الحذف على موارد محددة. مثلاً، مين بيقدر يعدل أو يحذف مقال بناءً على ملكيته لهذا المقال.

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

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


متى تستخدم كل واحد؟

Gate: لما تكون الصلاحيات بسيطة مثل السماح بدخول جزء معين من التطبيق بناءً على دور المستخدم.
Policy: لما تكون الصلاحيات مرتبطة بنماذج معينة، مثل تحديد من يقدر يعدل أو يحذف محتوى بناءً على ملكيته.

لا تنسوا الاشتراك بقناتي على YouTube حتى تشوفوا الشروحات على شكل فيديوهات

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

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

Hello!
We are looking for an experienced Senior Backend Developer / Onsite Damascus to join an online E-commerce Company Based in Syria.
You will be responsible for designing, developing, and maintaining high-quality backend solutions that power our applications. You should have a deep understanding of backend technologies, and architecture patterns.
Key Responsibilities:
-Design & Development: Architect, design, and develop scalable, secure, and high-performance backend systems.
-API Integration: Develop RESTful APIs and integrate third-party services.
Database Management: Design and optimize database schemas, queries, and indexes for performance and scalability.
-Code Quality: Write clean, maintainable, and testable code. Conduct code reviews and ensure best practices.
-DevOps & CI/CD: Implement and maintain CI/CD pipelines, automate deployment processes, and manage cloud infrastructure.
-Security: Implement security best practices, ensuring data protection and compliance with relevant standards.
-Collaboration: Work closely with front-end developers, product managers, and other stakeholders to deliver high-quality products.
-Problem-Solving: Troubleshoot and debug complex issues in production environments.
-Mentorship: Provide guidance and mentorship to junior developers, fostering a culture of continuous learning.
Required Skills & Qualifications:
-Experience: 4+ years of experience in backend development, with a strong portfolio of successful projects.
-Programming Languages: Proficiency in [Insert relevant languages, e.g., Python, Java, Node.js, Ruby, PHP, etc.].
-Frameworks: Experience with backend frameworks like [Django, Laravel, etc.].
-Databases: Expertise in relational databases (e.g., MySQL,) and NoSQL databases (e.g., MongoDB, Redis).
-APIs: Extensive experience in building and consuming RESTful APIs, and understanding of GraphQL is a plus.
-DevOps: Familiarity with Docker, Kubernetes, CI/CD tools).
-Testing: Experience with automated testing frameworks and methodologies (e.g., unit tests, integration tests).
-Version Control: Proficient in Git.
-Agile Methodologies: Experience working in Agile/Scrum environments.
Communication: Excellent 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 Rawan@wonderbeauties.com


المصدر: هنا

غبنا فترة بسبب ضغط العمل لكن راجعلكم بمحتوى جديد و مميز و فيديو جديد على اليوتيوب اليوم

و خلينا نحكيلكم اليوم عن الـ Deadlock

خطأ الـ Deadlock هو حالة بتصير بقاعدة البيانات لما عمليتين (أو أكتر) بيوقفوا لأن كل عملية عم تستنى التانية تحرر الـ lock يلي عندها. يعني باختصار، العمليتين بيعلقوا وبيضلوا ناطرين بعض، وما بيقدروا يكملوا شغلهم إلا إذا النظام تدخل وأوقف واحدة منهن.

كيف بيصير الـ Deadlock؟
خلينا نفترض إنه عنا عمليتين (أو استعلامين) عم يشتغلوا بنفس الوقت:

العملية A بتاخد lock على السجل رقم 1.
العملية B بتاخد lock على السجل رقم 2.
بعدين العملية A بتحاول تاخد lock على السجل رقم 2 (بس هاد السجل معه lock من العملية B)، فبتظل ناطرة.
بنفس الوقت، العملية B بتحاول تاخد lock على السجل رقم 1 (بس هاد السجل معه lock من العملية A)، فبتظل هي كمان ناطرة.
بهالحالة، ولا واحدة من العمليتين بتقدر تكمل لأنها كل وحدة مستنية التانية تحرر الـ lock، وهون النظام بيتدخل وبيوقف واحدة من العمليتين وبيعطيك رسالة خطأ "Deadlock".

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

لا تنسوا الاشتراك بقناتي على YouTube حتى تشوفوا الشروحات على شكل فيديوهات

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

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

كتير من الأشخاص بتضيع و بتخربط بين الـ boot و الـ booted بالـ Models و بتفكرهم نفس الشي لكن الحقيقة انه هي الاجابة صح و خطأ بنفس الوقت تعالوا اشرحلكم كيف 👇🏻

📍 boot: بتنادى أول شي لما يتحمل الـ model، وبتستخدم لإضافة أشياء مثل الـ global scopes أو تعديلات عالاستعلامات قبل الأحداث (مثل الإنشاء أو التحديث).

📍 booted: بتنادى بعد ما يخلص الـ boot، وبتستخدم لتشغل كود بعد ما يكون الـ model جاهز بشكل كامل.

يعني boot للأشياء اللي لازم تصير أول شي، و booted للأشياء اللي بتجي بعدين.

فالنتيجة ما في داعي نضيع بين الـ boot و booted، كل واحدة إلها توقيت محدد وشغلة مختلفة. الـ boot بتنفعك لما بدك تضيف شي قبل الأحداث الأساسية، بينما الـ booted بتشتغل بعد ما يكون الـ model جاهز تمام. بس تعرف هالتفاصيل الصغيرة، بيصير أسهل عليك تشتغل بمرونة أكبر ضمن الـ models تبعك بلارافيل!

و هلا خبروني كنتوا بتعرفوا هي المعلومة قبل ما اشرحلكم ياها ولا عرفتوها مني هلا؟

لا تنسوا الاشتراك بقناتي على YouTube حتى تشوفوا الشروحات على شكل فيديوهات

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

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

سابقاً حكيلتككم عن الـ deadlock و اليوم رح احكيلكم عن مفهوم مرتبط فيها ارتباط كبير اللي هو الـ mutex

الـ mutex هو عبارة عن آلية منستخدمها لنأمن الوصول لموارد مشتركة، يعني لما عندك كود بيشتغل threads multi وبدك تتأكد إنه ما في أكتر من thread واحد بيوصل لنفس المورد بنفس الوقت، بتستخدم الـ mutex. يعني مثلاً إذا عندك متغير وبدك تعدله، الـ mutex بيمنع أي thread تاني يعدل عليه لحتى الـ thread الأول يخلص شغله.

أما الـ deadlock، فهو حالة بتصير لما بيكون عندك أكتر من mutex أو موارد، وكل خيط عم يستنى مورد محتاجه خيط تاني لحتى يكمل شغله، يعني كل واحد مستني الثاني يخلص، وبهالحالة كل threads بتوقف وما بتكمل شغلها.

باختصار، الـ mutex هي وسيلة للتحكم بالوصول للموارد، والـ deadlock هي حالة سلبية بتصير بسبب سوء استخدام هالوسيلة لما بيصير انتظار دائري بين threads.

لا تنسوا الاشتراك بقناتي على YouTube حتى تشوفوا الشروحات على شكل فيديوهات

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

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

الـ N+1 المشكلة اللي اشهر من نار على علم شو هيي؟

الموضوع باختصار إنو لما تجيب بيانات من قاعدة البيانات، إذا كان في عنا علاقات (relations) بين الجداول، النظام أحياناً بيعمل استعلام إضافي (query) لكل عنصر، وهيك بصير عنا عدد كبير من الاستعلامات اللي ممكن نختصرها باستعلام واحد.

مثال بسيط: تخيل إنك عم تجيب 100 منشور من جدول الـ posts، وكل منشور مرتبط بكاتب (author) من جدول تاني. بدال ما نجيب الكتاب مع كل المنشورات باستعلام واحد، بصير النظام يعمل استعلام للـ 100 منشور + 100 استعلام لكل كاتب، يعني صار عنا 101 استعلام بدل 2!

الأرقام هون مهمة:

إذا الاستعلام الواحد بياخد 50ms، 100 استعلام رح ياخد 5 ثواني!
و الاستعلامات الإضافية بتستهلك موارد السيرفر مثل الـ RAM، وبتأدي لبطء ملحوظ بالأداء.
للحل منستعمل الـ eager loading، وهي فكرة بسيطة بتخليك تجيب كل البيانات اللي بدك ياها باستعلام واحد أو استعلامين.

فديروا بالكم و انتبهوا للـ N+1 وقت تشتغلوا على المشاريع و تابعوني على باقي المنصات:

Facebook | Linkedin |Instgram | Telegram | YouTube

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

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

منقول من LinkedIn:
We are Hiring at IXCoders
We're seeking the following on-site (Syria - Damascus ) positions:

Position1:
Job Title: Quilty Assurance
Job Type: Contract
Experience Level: junior- level(1+ years of experience)
Closing date for application : 26/9/2024
----------------
Position2:
Job Title: Senior Laravel Developer
Company: IXCoders
Job Type: Contract
Experience Level: Senior (4+ years of experience)
Closing date for application: 16/9/2024
----------------
for detailed job posting contact hr@ixcoders.com
----------------
How to apply:
To apply for these positions, please submit your resume to hr@ixcoders.com. Your email should be entitled "LD-44" for laravel developer and "QA-24" for Quality assurance.

Are you an innovative Laravel developer with a passion for building scalable web applications? then we have an exciting opportunity for you at Raizer!

Apply Now!