كيف تحصل على القيم الفريدة (غير المكررة) في مصفوفة باستخدام الـ JS !!

لمعلومات أكثر حول الـ SET: من هنا

#javascript #tip #js #unique #array #developer #frontend #backend #webdevelopment #webdeveloper #syria

what is the difference between orderBy and SortBy? 🤔



In short and simplified terms, we can say that the first "orderBy" orders the items you have recalled from the database, and the second "sortBy" arrange the elements you have in advance.



For freelancer work, you can contact me via:

freelancer@somar-kesen.com



باختصار و بشكل مبسط يمكننا القول أن الأولى تقوم بترتيب العناصر التي قمت باستدعائها من قاعدة البيانات، أما الثانية فهي تقوم بترتيب عناصر تمتلكها مسبقاً.



For freelancer work, you can contact me via:

freelancer@somar-kesen.com



#Laravel #php #DB #mySQL #orderby #sortby #fetch #database #freelancer #webdevelopment #syria #backend

لا تنسى أنني أقدم خدماتي في مجال تطوير مواقع الويب بشكل مستقل 🚀

يمكنك التواصل معي عبر البريد الإلكتروني:
📧 freelancer@somar-kesen.com

#iraq #erbil #uae #Syria #webdevelopment #IT #php #laravel #freelancer #howto #careers #Jobs #skills #softskills

شهادة الـ #SSL رغم أهميتها العالية قد يقوم البعض بتجاهلها بحثً عن القليل من التوفير في المصاريف أو قد يكون مازال يتعلم فلا يكون هناك دخل كافي لشراء واحدة.

لكن هل تعلم أنك تستطيع الحصول على واحدة مجانية من عدة مصادر مثل:
🔵 #ZeroSSL
🔵 #CloudFlare

يمكنك استخدامها لتأمين مواقعك بشكل أو على الأقل لعرضها للعميل بدون الرسائل التحذيرية التي تظهرها المتصفحات.

إن كنت لا تعرف ماهي شهادة الـ #SSL:
هي شهادة رقمية تصادق على هوية موقع ويب وتتيح اتصالاً مشفرًا. بإمكانك التعرف عليها بشكل أكثر من خلال النقر هنا
#تحدي_ال30_يوم | [2/30]
➖➖➖➖➖➖➖➖➖➖➖➖
إن كنت تبحث عن مستقل لتنفيذ أعمالك، أو شخص في بداية عملك بشكل مستقل و تبحث عن مساعدة، تأكد من أنك سوف تجدها لدي.

فعل الجرس 🔔 ليصلك كل جديد من منشوراتي

#freelancer #webdevelopment #web #website #مستقل #UAE #IRAQ #ERBIL #SYRIA #Developer #career #Backend #FrontEnd #IT #security #informationsecurity #datasecurity #cloudsecurity #privacy

من فترة عدت بقوة إلى التدريب على مواقع الـ CTF للعمل على زيادة مهاراتي في الويب بشكل عام و الأمن السيبراني بشكل خاص.

في العديد من المسائل ضمن مختلف مواقع التدريب يكون الـ #Flag مخبئ ضمن سلسلة نصية مكونة من أرقام تمثل ترتيب الحروف الأنكليزية.

لذلك قمت بكتابة كود الـ #Python التالي من أجل توفير الوقت و الحصول على النتائج بأسرع وقت.

قد ترى العديد من المشاريع و الأكواد المثيرة للاهتمام ضمن الحساب الخاص بي في #github

لا تنسى أنه بإمكاننا التواصل من خلال البريد التالي:
freelancer@somar-kesen.com


#opensourcesoftware #CTF #cybersecurity #webdevelopment #training


https://github.com/somarkn99/Arrangement-of-alphabet-letters

ما هي الـ #webhooks و ما الفرق بينها و بين الـ #API ؟ 🤔

معلومات جديدة ضمن فيديو الأسبوع، بإمكانكم تشوفوا الفيديو عن طريق:

🔵 صفحتي على الـ Facebook
🔵 حسابي على Tiktok
🔵 حسابي على LinkedIn

بتمنى يعجبكم و نلتقي بفيديو جديد الأسبوع القادم 🙏🏻❤️

#Web #Developer #Webhooks #API #Integration #Projects #CRM #Ecommerce #Laravel #NodeJS #Backend #PHP #webdevelopment

#Laravel_Tip
عندما تكون القيم الواجب إدخالها ضمن عامود محددة و ثابتة لا يجب أن توضع كـ string بل يفضل استخدام الـ enum


#laravel #php #tin #db #syria #iraq #UAE #webdevelopment

#النصيحة_كانت_بجمل
عند العمل على مواقع من نوع #Blog أو #ecommerce أو أي موقع الـ #SEO فيه مهم:

❌ لا تستخدم الـ #vuejs
✅ استخدم الـ #NuxtJs

❌ لا تستخدم الـ #ReactJs
✅ استخدم الـ #NextJs

#webdevelopment #syria #iraq #UAE #erbil #webdesign #frontend

🚀 I've just released a Chrome extension that makes life a bit easier when dealing with password fields on web pages! 🤯

Introducing the "Show Password Inputs" Chrome extension! 🔐

What does it do? 🤔

This nifty tool allows you to toggle the input type of password fields on web pages from "password" to "text." Yep, you heard it right! It's super handy when you need to reveal your password while logging in or want to double-check the characters you've entered.

How to use it? 📚

1. Clone or download the repository from GitHub.
2. Load the extension in Chrome using the "Load unpacked" option in the Extensions menu.
3. Activate the extension by clicking on its icon in the Chrome toolbar.
4. Visit a webpage with password inputs and use the toggle switch to enable or disable the input type conversion.

Give it a try and let me know what you think! 🙌

Link to the GitHub repository :
https://github.com/somarkn99/showPasswords
---------------------------------------------

#ChromeExtension #WebDevelopment #OpenSource #GitHub #Productivity #javascripte #js #frontend

5 أسئلة توقعها عند تقديمك على عمل كـ Laravel Developer
1- اشرح مفهوم الـ MVC في Laravel ؟
2- ما هي الـ Request life cycle في الـLaravel ؟
3- اشرح عن الـ ORM ؟
4- هل يمكنك تسمية بعض الـ packages التي استخدمتها في مشاريعك؟
5- ما الفرق بين eager loading vs lazy loading؟

آمل أن تساعدك هذه النصائح في مقابلة العمل المقبلة لكم، إذا كانت لديك أسئلة أو إضافة ترغب بمشاركتها سعيد برؤيتها ضمن التعليقات

ملاحظة: هذه الأسئلة ليست للأشخاص المتقدمين بمنصب Senior !

#Laravel #WebDevelopment #JobInterview #CareerGrowth #TechCommunity

كنت ناوي بلش بالموضوع كسلسة على اليوتيوب لكن ضيق الوقت ماعم يسمحلي ابداً، لكن برغم هالشي حابب بلش معكم سلسلة من النصائح و الاسئلة ضمن مقابلات العمل و منبدأ فيها بأول سؤال:

⚠️ هل يمكن مشاركة المعلومات المخزنة ضمن Session Storage بين علامات التبويب المختلفة؟

توضيح:
معنى هاد السؤال هل إذا انا فاتح موقع مثلاً www.somar-kesen.com و حفظت قيمة معينة ضمن Session و فتحت نفس الموقع بعلامة تبويب أخرى هل أنا قادر على الوصول إلى المعلومات المخزنة سابقاً بعلامة التبويب الأولى؟؟؟

حتى نعرف نجاوب على هاد السؤال لازم نكون منعرف مفهوم الـ Session Storage بشكل صحيح سبق و شرحت عن موضوع تخزين الداتا بأنواعه ( رابط البوست من هنا )، بالمختصر أنه الـ Session Storage هي طريقة لتخزين البيانات طوال مدة جلسة الصفحة ( لازم تشوفوا البوست ضروري لتوضيح المعنى من هذه المعلومات )

الإجابة أنه كل علامة تبويب لها Session Storage مستقل خاص بها، لذلك، إذا قمت بتخزين البيانات في علامة تبويب واحدة، فلن يكون من الممكن الوصول إليها من أخرى، حتى لو كان نفس موقع الويب.

حلو هلا نحنا عرفنا الإجابة بس ليش لازم تعرف هي الإجابة و ليش أساساً ممكن تنسأل عنها ؟؟
1️⃣ Application Behavior
2️⃣ User Experience
3️⃣ User Experience
4️⃣ Scalability and Maintainability

========================================================
هل كانت هذه المعلومة مفيدة لك؟ شاركنا رأيك بالتعليقات 👇🏻
و لا تنسى تدعي أصدقائك للمتابعة كمية معلومات حول الويب و سوق العمل به كبيرة تنتظركم خلال الفترة القادمة

#FrontEndDevelopment #WebStorage #InterviewInsights #WebDevelopment #JavaScript #CodingInterviews #TechCommunity

اليوم رح نحكي عن الـ Singleton Pattern

في حال ما شفت المنشور اللي حكينا فيه عن الـ Facade فالرابط هنا

لنبدأ حديثنا بـ ماهو الـ Singleton Pattern :
بدايةً وجد هذا الـ Pattern لضمان تأمين حالة واحدة للـ class شو يعني؟؟
لنفترض انه عندي class بحاجة Object واحد منها فقط هذا شرط لعمل المشروع، و لما بكون في حاجة لوجود أكثر من Object واحد أنا رح أتحايل على الموضوع و ابعت الـ Object اللي انا اساساً عامله سابقاً

مو واضح الشرح؟؟؟
طيب خلينا نتخيل الموضوع مثل لوحة الكهرباء الموجودة في المنزل، في لوحة واحدة عم تتحكم بكل الكهرباء ولو كان يوجد أكثر من واحدة كان رح يكون الموضوع معقد و احتمال المشاكل و الخطأ فيه كبير و الإصلاح حيكون معقد صحيح؟

وين بشوف هاد الكلام بالويب؟
أكثر شي بعبر عن هذه الحالة بالويب هو الاتصال بقاعدة البيانات، بدك Obj واحد لهي المعلومات يتم مشاركتها ضمن التطبيق.

ماهي فوائد استخدام الـ Singleton Pattern ؟
1- يضمن لنا إن الـ (Class) سيكون لها (Object) واحد بس
2- يوفر (Global Access Point) للـ (Object) أو فينا نقول إن في أي مكان في المشروع الخاص فيك رح تقدر تستعمل الـ (object) هاد بدون أي مشكلة
3- كفاءة عالية في استخدام الـ Memory

ماهي عيوب استخدام الـ Singleton Pattern ؟
1- يتعارض مع مبدأ (Single Responsibility Principle) ، لأنه بيعمل مهمتين في نفس الوقت ، أولاً: بيضمن إن الـ (Class) رح يكون الها (Object) واحد بس ، وثانياً: بيوفر (Global Access) للـ (Object) والمبدأ هاد باختصار بينص على أن الـ (Class) أو الـ (Function) لازم يكون الها وظيفة واحدة بس
2- أحياناً بيكون صعب تعمل (unit test) للكود

أتمنى أنه هاد المنشور قام بتوضيح بعض النقاط الخاصة عن هاد الـ Pattern و بترك الباقي بأيدكم للبحث و التوسع بالمعلومات أكثر عنه

نلتقي في منشور قادم عن البرمجيات 🙏🏻
=================================================
لا تنسوا متابعتي على باقي المنصات:
Facebook: www.facebook.com/SomarKesen

Linkedin: www.linkedin.com/in/somarkn99

Website: https://www.somar-kesen.com/

Instgram: www.instagram.com/somar_kn

عم احكي فيهم عن تطوير البرمجيات و سوق العمل بمنشورات شبه يومية من خبرة تزيد عن 5 سنوات في هذا المجال 🚀

#SoftwareDesign #SingletonPattern #WebDevelopment #CodingSimplified

مؤخرًا، أتممت مشروع تطوير موقع إلكتروني لأحد معارض السيارات الرائدة في أربيل كردستان العراق.

ما الذي تم إنجازه؟

https://www.linkedin.com/posts/somarkesen_html5-css3-javascript-activity-7185943315127644160-9K8g?utm_source=share&utm_medium=member_desktop


🙏🏻🔥

FTP: ما هو ومتى يتم استخدامه

ما هو FTP ؟

هو بروتوكول نقل الملفات، هو standard network protocol يستخدم لنقل الملفات من host إلى آخر عبر الإنترنت. يعمل وفق client-server model حيث يمكن للمستخدم تحميل أو تنزيل أو إدارة الملفات على remote server.

الميزات الرئيسية:

🔹 نقل الملفات: تحميل وتنزيل الملفات بسهولة بين جهازك و الـ remote server.
🔹 الـ Directory Management: إنشاء وحذف وتنظيم directories على remote server.
🔹 الأمان: استخدم FTP (SFTP) أو FTP عبر SSL (FTPS) لنقل الملفات المشفرة، مما يضمن أمن البيانات.

متى تستخدم FTP ؟

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

عيوب FTP:

🔹 عدم وجود تشفير: لا يقوم FTP بتشفير البيانات أثناء الإرسال، مما يجعله عرضة للاعتراض. يفضل دائمًا استخدام SFTP أو FTPS لعمليات النقل الآمنة.
🔹 أمن كلمة المرور: يتم إرسال كلمات مرور FTP بنص عادي، والذي يمكن للمهاجمين التقاطه بسهولة. استخدم كلمات مرور قوية وفريدة واتصالات آمنة.
🔹 مشكلات جدار الحماية: يتطلب FTP فتح منافذ متعددة، مما قد يسبب مضاعفات مع جدران الحماية و الـ NAT.
🔹 لا توجد Integrity Checks: تفتقر FTP إلى آليات مدمجة للتحقق من سلامة الملف بعد النقل، مما قد يؤدي إلى عمليات نقل ملفات فاسدة أو غير كاملة.


نصائح:

🔹 استخدام SFTP أو FTPS لنقل الملفات بشكل آمن.
🔹 تحديث برنامج FTP بانتظام إلى أحدث إصدار.
🔹 استخدم كلمات مرور قوية وفريدة لحسابات FTP.

تظل FTP أداة موثوقة لإدارة الملفات ونقلها، خاصة في تطوير الويب وبيئات تكنولوجيا المعلومات.

#FTP #FileTransfer #TechTips #WebDevelopment #DataSecurity

هاد المنشور لساته مسيطر على اعلى وصول عندي بحسابي على Linkedin و بيحكي عن غلطة ساويتها و كلفتني وقت و اتعلمت منها.

خبروني حبيتوا هاد النوع من المحتوى؟

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

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

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

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

#WebDevelopment #GitHub #GitLab #DevOps

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

لما بدنا نحكي عن الـ (OOP)، في مصطلحين مهمين لازم نعرفهم ونفهم الفرق بيناتهم، و هنن : self و this.

الـ self بتدل على الـ class الحالي، يعني بتستخدم لما بدنا نحكي عن أشياء ثابتة (static) موجودة ضمن الـ class. بمعنى تاني، الـ self هي بتعبر عن بنية الـ class نفسها، يعني كل شي ثابت داخل الـ class.

أما الـ this، فهي بتدل على الـ object اللي منشأ من الـ class. يعني إذا عملنا instance (أو object) من الـ class، وقتا منستخدم this لنشير لهذا الـ object بالتحديد. فالـ this بتتعامل مع الخصائص (properties) و الـ (methods) اللي هي مو static.

ببساطة، فيك تقول إنو الـ self هي عم توصف بنية الـ class بشكل عام وما بتوصف شي خاص بمتغير معين، بينما الـ this بتوصف المتغيرات العادية والـ object اللي عم نتعامل معه بشكل مباشر.

بالنهاية، الـ self بتركز على الأمور الثابتة ضمن الـ class، أما الـ this فبتركز على الأمور اللي بتخص الـ object اللي عم نشتغل عليه

مثال توضيحي موجود ضمن الـ Comments 👇🏻

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

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

شكراً لـ Yousef Saleh على المساعدة في إعداد هذا المحتوى.


#OOP #SelfVsThis #ObjectOrientedProgramming #CodingTips #ProgrammingConcepts #SoftwareDevelopment #StaticVsInstance #CodingBasics #Developers #TechEducation #PythonProgramming #ProgrammingFundamentals #WebDevelopment #SoftwareEngineering #Laravel #php #web #iraq #erbil #UAE #syria