بتعرفوا شو الفرق بين MVC و MVVM: ؟؟ 🤔🤔

خبروني لان بوست السبت عنهم.

مساء الخير جميعاً بذكركم انه نحاول نعمل share و Boost للقناة لنوصل لأكبر عدد 🙏🏻

عم جهزلكم منشورات الشهر القادم حتى يتم جدولتها 🔥

للشباب المبتدأين اللي لساتكم ضايعين هاد الفيديو الكم تتسلوا فيه بما انه اليوم جمعة:
https://youtu.be/uNkKS44fxfQ

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

مرحبا جميعاً

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

و بالتوفيق للجميع 🙏🏻❤️

مطلوب مني ترشيح Team Leader للعمل بشركة برمجة باللاذقية
أهم شي القدرة على المباشرة بأسرع وقت

باقي التفاصيل بتم توضيحها و الاتفاق عليها بالمقابلة بين المرشح و الشركة.

للمهتمين إرسال السيرة الذاتية مع الراتب المتوقع إلى :
jobs@somar-kesen.com

مع تحديد الموضع بـ Team Leader Lattakia

الفرق بين MVC و MVVM:

📌شو هو MVC؟
MVC (Model-View-Controller) هو نمط معماري لتقسيم التطبيقات إلى ثلاث مكونات رئيسية:

Model: يمثل البيانات والمنطق المتعلق بها.
View: يمثل واجهة المستخدم.
Controller: يتعامل مع المدخلات من المستخدم ويحدث الـ Model والـ View.

📌 مزايا MVC:
فصل الاهتمامات: يسهل الفصل بين منطق الأعمال، العرض، والتحكم.
إعادة الاستخدام: يمكن إعادة استخدام مكونات العرض والتحكم.
الاختبار: يسهل اختبار كل مكون على حدة.

📌 شو هو MVVM؟
MVVM (Model-View-ViewModel) هو نمط معماري يشبه MVC ولكنه يضيف مكونًا جديدًا:

Model: يمثل البيانات والمنطق المتعلق بها.
View: يمثل واجهة المستخدم.
ViewModel: يعمل كوسيط بين الـ View والـ Model.
📌 مزايا MVVM:
فصل أفضل للعرض: يفصل بشكل أفضل بين منطق العرض والبيانات.
ربط البيانات: يدعم الربط الثنائي الاتجاه (Two-way Data Binding).
سهولة الاختبار: يسهل اختبار الـ ViewModel بشكل مستقل عن الـ View.

📌 مقارنة بين MVC و MVVM:
فصل الاهتمامات: في MVC جيد، وفي MVVM ممتاز.
ربط البيانات: في MVC غير مدعوم بشكل افتراضي، وفي MVVM مدعوم.
سهولة الاختبار: في MVC جيد، وفي MVVM ممتاز.
تعقيد التنفيذ: MVC بسيط نسبيًا، MVVM معقد نسبيًا بسبب الـ ViewModel.
أمثلة على الاستخدام: MVC مناسب لتطبيقات الويب التقليدية، MVVM مناسب لتطبيقات سطح المكتب وتطبيقات الويب الحديثة.

أدوات ولغات شائعة: MVC شائع مع Ruby on Rails و ASP.NET MVC، MVVM شائع مع Angular و React مع Redux أو MobX.

📌 متى تستخدم كل نمط؟

استخدام MVC:
في تطبيقات الويب التقليدية.
عندما يكون التطبيق بسيطًا أو متوسط التعقيد.

استخدام MVVM:
في تطبيقات سطح المكتب وتطبيقات الويب الحديثة.
عندما يكون لديك منطق تقديمي معقد.

دعمكم المحتوى بيساعدني ضل بهالوتيرة لهيك لا تنسوا تشاركوا القناة مع رفقاتكم و تتابعوني على باقي المنصات من خلال:
Facebook - Linkedin - Instgram - Telegram

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

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

صباح الخير جميعاً.
بالنسبة لغروبنا Syrian Dev Community نشرت قوانين للغروب كرمال نحافظ عليه و يكون مكان بقدم فائدة لجميع.🙏🏻

رجاءً الشباب و الصبايا اللي معنا بالغروب نحترم هي القوانين كلنا و يكون الغروب مفيد الكم جميعاً

تمنياتي بالتوفيق 🙏🏻❤️

هل تعلم انك قادر على تحسين أداء موقعك باستخدام CDN؟؟


📌 بدايةً لنعرف ما هو CDN؟
CDN (Content Delivery Network) هي شبكة من الخوادم المنتشرة جغرافيًا تهدف إلى تسريع تسليم المحتوى إلى المستخدمين عن طريق تخزين نسخ مؤقتة من ملفات الموقع في نقاط وصول متعددة حول العالم. عندما يزور المستخدم موقعك، يتم توجيه الطلب إلى أقرب خادم CDN، مما يقلل من زمن الاستجابة ويزيد من سرعة تحميل الصفحة.

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

📌 كيفية تحسين أداء موقعك باستخدام CDN
1. اختيار مزود CDN المناسب
هناك العديد من مزودي CDN في السوق مثل Cloudflare، Akamai، Amazon CloudFront، وFastly. عند اختيار مزود CDN، ضع في اعتبارك:

الموقع الجغرافي: تأكد من أن لديهم خوادم في المواقع التي يوجد بها جمهورك المستهدف.
التكلفة: قارن بين الأسعار وخطط الاشتراك.
الميزات: تحقق من الميزات الإضافية مثل الحماية ضد DDoS، الدعم الفني، وسهولة التكامل.
2. إعداد وتكوين CDN
بمجرد اختيار مزود CDN، قم بإعداد وتكوين CDN لموقعك باتباع الخطوات التالية:

إضافة الموقع إلى CDN: قم بتسجيل موقعك على منصة مزود CDN.
تهيئة DNS: قم بتحديث إعدادات DNS لموقعك لتوجيه حركة المرور إلى CDN.
تكوين التخزين المؤقت (Caching): حدد قواعد التخزين المؤقت للملفات التي ترغب في تخزينها على CDN.
3. تحسين استراتيجيات التخزين المؤقت
تحديد فترة صلاحية التخزين المؤقت (Cache Expiration): حدد فترة زمنية مناسبة لتحديث المحتوى المخزن مؤقتًا.
استخدام رؤوس التخزين المؤقت (Cache-Control Headers): أضف رؤوس التخزين المؤقت لتحديد كيفية تخزين الملفات مؤقتًا.
4. ضغط الملفات
الضغط باستخدام Gzip أو Brotli: تأكد من أن الملفات المضغوطة تستخدم تقنيات ضغط مثل Gzip أو Brotli لتقليل حجم الملفات وتحسين سرعة التحميل.
تصغير الملفات (Minification): قلل حجم ملفات CSS وJavaScript عن طريق إزالة المسافات البيضاء والتعليقات.
5. تحسين الصور
استخدام تنسيقات صور حديثة: استخدم تنسيقات صور حديثة مثل WebP لتقليل حجم الصور.
تحسين الصور قبل التحميل: قم بضغط الصور وتحسينها قبل تحميلها إلى موقعك.
6. مراقبة الأداء
استخدام أدوات التحليل: استخدم أدوات تحليل الأداء مثل Google Analytics وPingdom لمراقبة أداء موقعك وتحديد المجالات التي تحتاج إلى تحسين.
تحديث المحتوى بانتظام: تأكد من تحديث المحتوى المخزن مؤقتًا بانتظام لضمان تقديم أحدث إصدار للمستخدمين.


هل كنت تعلم سابقاً عن وجود الـ CDN أو استخدمته؟

دعمكم المحتوى بيساعدني ضل بهالوتيرة لهيك لا تنسوا تشاركوا القناة مع رفقاتكم و تتابعوني على باقي المنصات من خلال:
Facebook - Linkedin - Instgram - Telegram

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

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

المحتوى اللي رح ينزل خلال هاد الأسبوع:

📌 الفرق بين SOAP و REST
📌 مقارنة بين CSS Grid و Flexbox
📌 دليلك إلى الـ Serverless Architecture
📌 الفرق بين الـ Monolithic و Microservices Architecture
📌 تعرفوا على طريقتي الـ chunk والـ cursor

إذا المحتوى عم يكون مفيد الكم و حابين تدعموني بإمكانكم:

📍 نعمل Boost للقناة للي عندهم Telegram Premium
📍نشارك القناة مع المهتمين بالبرمجة.
📍 تابعوني على Instgram لأن عم جهز لكم ريل خفاف نضاف هنيك.
📍 حساباتي على باقي المنصات موجودة ضمن وصف القناة 🙏🏻

طبعاً للأشخاص اللي سجلوا معنا بجلسة الإعادة بذكركم بموعدنا يوم الجمعة و نشالله خلال الاسبوع القادم رح نساوي Live أسئلة و أجوبة و رح ينزل على يوتيوب كالعادة

كيفية تنظيف الـ imports الغير مستخدمة في مشروع الـ flutter الخاص بك !

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

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

دعمكم المحتوى بيساعدني ضل بهالوتيرة لهيك لا تنسوا تشاركوا القناة مع رفقاتكم و تتابعوني على باقي المنصات من خلال:
Facebook - Linkedin - Instgram - Telegram - YouTube

#flutter #dart #mobile

أصدقائي رح كون معكم بتدريب جديد ضمن شركة Focal X لنحكي عن الـ لارافيل بشكل متقدم و مو بس نبني اي موقع فيها لاء.

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

المحاور كبيرة مارح اسردها هون هلا.

بإمكانكم تسجلوا من خلال التواصل مع الشركة و لازم يكون عندكم خبرة oop, php, mysql, git, mvc.
لمعرفة المزيد من التفاصيل وللتسجيل:
- التواصل حصراً عبر تطبيق واتس أب على الرقم:
00963953666052


تفاصيل اكتر من هنا

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

بعد فترة انقطاع رجعت عم نشط حسابي على LinkedIn و رح يكون عليها محتوى مخصص يتناسب مع المنصة بشكل اكتر

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

إذا حابين الفكرة فيكم تدخلوا حسابي من هنا و تدعمولنا المنشورات السابقة من خلال التعليق عليها كرمال يرجع يتحرك الحساب شوي 🔥🙏🏻

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

يمكنكم سؤالي حول:

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

يمكنكم طرح اسئلتكم لنتناقش حولها من خلال الرابط : هنا

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

تحياتي لكم

دعمكم المحتوى بيساعدني ضل بهالوتيرة لهيك لا تنسوا تشاركوا القناة مع رفقاتكم و تتابعوني على باقي المنصات من خلال:
Facebook - Linkedin - Instgram - Telegram - YouTube - tiktok

الأصدقاء اللي حساباتهم محظورة على Linkedin

بغروبنا عم يحكوا تجاربهم بالحظر و كيف قدروا يتجاوزوا الحظر و يشاركونا معلوماتهم.

رابط الغروب:
https://t.me/+AQ9RlJsWFsE2Zjc0

بلشنا نحرك الجو على LinkedIn من اليوم محتوى خاص بالمنصة و بطريقة مباشرة و رح يكون من النوع المختصر 🔥

الرابط : من هنا

تعليقاتكم تساهم بوصول المحتوى و دعمي بالنشر ❤️🙏🏻

أنا وعدت شباب الـ front end بمحتوى الهم و هي بلشنا:
ما الفرق بين CSS Grid و Flexbox ؟؟؟

يمكن مافي شباب اشتغلوا سوا او تناقشوا الا و دخلوا بهاد النوع من الجدال لهيك كالعادة خليني احكيلك عنهم شوي:

📌 ما هو CSS Grid؟
هو نظام تخطيط يعتمد على شبكة ثنائية الأبعاد لتصميم واجهات المستخدم. يتيح CSS Grid تنظيم العناصر في صفوف وأعمدة، مما يوفر تحكمًا كاملاً في تخطيط الصفحة.

📌 مزايا CSS Grid:
التخطيط ثنائي الأبعاد: يمكن التعامل مع الصفوف والأعمدة في نفس الوقت، مما يوفر تحكمًا أكبر في تصميم الشبكة.
سهولة التعلم: يحتوي CSS Grid على مجموعة شاملة من الخصائص التي تسهل فهمه واستخدامه.
مرونة التصميم: يمكن بسهولة تصميم تخطيطات معقدة باستخدام CSS Grid.
دعم المتصفحات: معظم المتصفحات الحديثة تدعم CSS Grid بشكل جيد.

📌 عيوب CSS Grid:
تعقيد لبعض المهام البسيطة: قد يكون مبالغا فيه لاستخدامه في تخطيطات بسيطة مثل محاذاة العناصر في سطر واحد.
دعم المتصفحات القديمة: بعض المتصفحات القديمة لا تدعم CSS Grid، مما يتطلب حلولًا بديلة.

📌 ما هو Flexbox؟
هو نظام تخطيط أحادي البعد يستخدم لتوزيع المساحة بين العناصر في حاوية واحدة وتنظيمها. يركز Flexbox على ترتيب العناصر في اتجاه واحد، إما صف أو عمود.

📌 مزايا Flexbox:
التخطيط أحادي البعد: مثالي لمحاذاة العناصر في صف واحد أو عمود واحد.
سهولة الاستخدام: بسيط وسهل الاستخدام في إنشاء تخطيطات مرنة ومحاذاة العناصر.
مرونة في التوزيع: يمكن توزيع المساحة بين العناصر وضبط حجم العناصر بناءً على الحاوية المتاحة.
دعم المتصفحات: مدعوم بشكل جيد في معظم المتصفحات الحديثة.

📌 عيوب Flexbox:
غير مناسب للتخطيطات المعقدة: ليس مثاليًا لإنشاء تخطيطات معقدة تشمل صفوف وأعمدة متعددة.
تقييد التخطيط: يمكن أن يكون محدودًا عند محاولة تصميم تخطيطات ثنائية الأبعاد.

📌 متى تستخدم كل منهما؟

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

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

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

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

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

دعمكم المحتوى بيساعدني ضل بهالوتيرة لهيك لا تنسوا تشاركوا القناة مع رفقاتكم و تتابعوني على باقي المنصات من خلال:
Facebook - Linkedin - Instgram - Telegram - YouTube

يا ترى شو ضل رح يعملوه بـ Laravel لسا 🔥

بما أنه اكتر شي اخد صدى خلال الفترة الماضية هو موضوع التدريب الداخلي بالشركات ( الـ Internships ) قررنا ناخد المبادرة و نحنا نبدأ شي هدفه يغير بعقلية الشركات و الأفراد و يوعيهم على هاد الموضوع و يساعد التنين يستفادو منه.

و حاليا عم نجمع فريق عمل كرمال نخلي هاد المشروع يشوف النور قريباً.

عم ندور على أشخاص يكونوا:
1- Project Coordinator
2- Partnership Coordinator
3- Career Counselor
4- Front-End Developer
5- Back-End Developer
6- UX/UI Designer
7- Social Media Specialist:
8- Graphic designer
9- Support Team


مهام و معايير الاختيار موجودة ضمن الـ form

فإذا كنت مؤمن بهي الأفكار و حابب تكون شريك بتنفيذها معنا بابنا مفتوح الك لتكون جزء منها:
https://forms.gle/hThCWe6AdNXoLNyc8

أصدقائي أصحاب مواقع الـWord Press:
هنالك أخبار عن وجود ثغرة أمنية بإضافة WP Maps تسمح باستخراج معلومات حساسة من قاعدة البيانات من خلال إدخال كود SQL داخل الـ short code

ينصح بالتحديث و الحذر و النسخ الاحتياطي ⚠️