لارافيل 11 عم تثبت انها نقلة نوعية يوماً بعد يوم من خلال انهم لحد الآن تفاصيل صغيرة عم يشتغلوا عليها.

بالـ Release الجديدة اللي نزلت صرت لما تشغل المشروع بيعطيك عرض أفضل و بيعرضلك الزمن بالـ ms بدلاً من s

يا ترى في شي ميزة جديدة ببالكم لسا ما نزلت بالـ Laravel ؟

تابعوني على باقي المنصات من خلال:
Facebook - Linkedin - Instgram - Telegram

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

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

كـ Frontend إجاك مشروع لا هو ضخم و فيه تفاعل عالي مع المستخدم ولا هو ساتيتك 100%. و بنفس الوقت الـ SEO عليه مهم كتير!!

انت امام حلين:
1- تستخدم NextJs بكل ضخامتها كرمال بس تستفاد من الـ SEO !!! و Over على هيك مشروع برأيي
2- نستخدم ReactJs و نخسر الـ SEO.

إذاً شو الحل؟

Gatsby
Gatsby هو إطار عمل مبني على React وبيستخدم لبناء مواقع ويب ثابتة (Static Sites). بيعتمد على GraphQL ليجيب البيانات من مصادر مختلفة مثل CMSs، APIs، وقواعد البيانات. بيستخدم تقنيات حديثة مثل React، GraphQL، وWebpack.

ليش لازم تستخدم Gatsby؟
أداء سريع كتير: بفضل تقنيات التحميل المسبق (Prefetching) وتقسيم الأكواد (Code Splitting)، Gatsby بيساعدك تبني مواقع سريعة جدا.
أمان عالي: الطبيعة الثابتة للمواقع اللي بتنبني باستخدام Gatsby بتخلي من الصعب على الهاكرز يستهدفو الموقع، وهاد بيجعلو خيار آمن جدا.
تجربة مبرمج ممتازة: بفضل الأدوات القوية مثل GraphQL، فيك تجيب البيانات بسهولة من مصادر مختلفة وتنظمها بشكل مرتب.
سهولة التوسع: فيك توسع مواقعك باستخدام مجموعة كبيرة من الإضافات (Plugins) اللي بتسهل التكامل مع أدوات وخدمات تانية مثل CMSs وAPIs.
دعم SEO قوي: Gatsby بيقدم دعم مدمج لتحسين محركات البحث (SEO)، وهاد بيخلي مواقعك تظهر بشكل أفضل بنتائج البحث.

شو الفرق بين Gatsby وNext.js؟
نوع المواقع:

Gatsby: بيكون ممتاز لبناء مواقع ثابتة (Static Sites) مثل المدونات، مواقع الشركات، وصفحات الهبوط.
Next.js: بيدعم كمان المواقع الثابتة بس كمان المواقع الديناميكية (Dynamic Sites) مثل التطبيقات المعقدة اللي بتحتاج تفاعل مستمر مع المستخدم.
جلب البيانات:

Gatsby: بيستخدم GraphQL لجلب البيانات من مصادر متعددة، وهالشي بيخليك تنظم البيانات بشكل مرتب وسهل.
Next.js: بيسمحلك تجيب البيانات بأي طريقة بدك ياها سواء عن طريق REST API، GraphQL، أو حتى مباشرة من قاعدة البيانات.
الأداء:

Gatsby: بيستخدم التحميل المسبق (Prefetching) والتوليد أثناء البناء (Build Time Generation) لعرض الصفحات بسرعة فائقة.
Next.js: بيستخدم التوليد أثناء الطلب (On-Demand Generation) بالإضافة للتوليد المسبق (Pre-rendering)، وهالشي بيعطي مرونة أكتر للمشاريع اللي بتحتاج ديناميكية.
المرونة:
Gatsby: مناسب أكتر للمشاريع اللي البيانات فيها ما بتتغير كتير.
Next.js: مناسب أكتر للمشاريع الكبيرة والمعقدة اللي بتحتاج تفاعل مستمر مع البيانات وتحديثات مستمرة.

أمثلة عن مشاريع Gatsby
المدونات: فيك تبني مدونة سريعة وسهلة الإدارة باستخدام Gatsby وCMS مثل Contentful أو Strapi.
مواقع الشركات: بفضل الأداء العالي والدعم الجيد لتحسين محركات البحث، فيك تعمل موقع شركة جذاب وسريع.
متاجر إلكترونية: باستخدام تكاملات مثل Gatsby وShopify، فيك تبني متجر إلكتروني سريع ويوفر تجربة مستخدم ممتازة.

كنت بتعرف Gatsby سابقاً او ناوي تستخدمه بالمستقبل، شاركنا بالتعليقات.! 💬💡

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

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

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

1300 مشترك بالقناة 🙏🏻

ممكن نشوف الرقم وصل للـ 2000 خلال هاد الشهر يا ترى؟ 🤔

بس وصلنا للـ 2000 مجهزلكم مفاجأة مرتبة بأذن الله 🔥

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

كالعادة كل فترة نحنا منساوي جلسة أسئلة و أجوبة رح نساويها هالمرة نشالله على الغروب الخاص فينا Syrian Dev Community فيكم تنضموا و تطرحوا اسئلتكم منشان ندردش عنها قريباً:
https://forms.gle/71eK14ZXL1Viuc129
بانتظاركم

رابط غروبنا:
https://t.me/+GwNCfKArlkcxYmZk

منشورنا اليوم مساءً عن أهم الممارسات للأمان في تطبيقات الويب

شاركونا أفكاركم و رح احكيلكم عنها بمنشور اليوم مساءً.

موعدنا مساءً على:
Facebook - Linkedin - Instgram - Telegram

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

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

انتهى التسجيل على إعادة جلسة اللارافيل

نلتقي في جلسات قادمة 🙏🏻

أفضل الممارسات للأمان في تطبيقات الويب

1. تحديثات النظام والتطبيقات
التحديث المنتظم: تأكد من أن نظام التشغيل، الخوادم، وأي برامج أو مكتبات تستخدمها محدثة دائمًا. التحديثات غالبًا ما تحتوي على تصحيحات أمان هامة.
استخدام النسخ المدعومة: استخدم النسخ المدعومة من البرامج والمكتبات، وتجنب استخدام البرمجيات التي انتهى دعمها.
2. إدارة جلسات المستخدمين
انتهاء الجلسات: اجعل الجلسات تنتهي تلقائيًا بعد فترة من عدم النشاط لتقليل خطر الاستخدام غير المصرح به.
التحقق من الجلسة: استخدم رموز الجلسة (session tokens) بشكل آمن وقم بتغييرها بانتظام.
3. تشفير البيانات
HTTPS: تأكد من أن موقعك يستخدم HTTPS لتشفير البيانات المرسلة بين العميل والخادم.
تشفير البيانات الحساسة: قم بتشفير البيانات الحساسة المخزنة في قاعدة البيانات، مثل كلمات المرور باستخدام تقنيات مثل bcrypt.
4. التحقق من المدخلات
التنقية والتعقيم: قم Sanitization و Validation لجميع المدخلات من المستخدمين لتجنب هجمات الحقن (Injection Attacks).
التحقق من الصلاحية: تأكد من التحقق من صلاحية المدخلات (مثل البريد الإلكتروني، الأرقام، والتواريخ) قبل معالجتها.
5. إدارة المصادقة
كلمات مرور قوية: اجعل المستخدمين يستخدمون كلمات مرور قوية ومعقدة، وفكر في استخدام مدير كلمات المرور.
المصادقة متعددة العوامل (MFA): أضف طبقة إضافية من الأمان باستخدام المصادقة متعددة العوامل.
6. حماية من هجمات CSRF و XSS
حماية من هجمات XSS: تأكد من تعقيم جميع المدخلات والإخراجات لتجنب تنفيذ سكربتات ضارة في متصفح المستخدم.
حماية من هجمات CSRF: استخدم رموز CSRF لمنع الطلبات غير المصرح بها من أطراف ثالثة.
7. مراجعة الشيفرة المصدرية
الفحص الأمني للشيفرة: قم بمراجعة الشيفرة المصدرية بانتظام باستخدام أدوات الفحص الأمني لاكتشاف الثغرات المحتملة.
المراجعة الزملائية: شجع على المراجعة الزملائية للشيفرة (code reviews) للكشف عن الأخطاء الأمنية المحتملة.
8. استخدام الجدران النارية وأنظمة كشف التسلل
الجدران النارية: استخدم جدران نارية لتصفية الحركة الضارة ومنع الوصول غير المصرح به.
أنظمة كشف التسلل (IDS): قم بتثبيت أنظمة كشف التسلل لمراقبة النشاط غير العادي وتنبيهك في حالة حدوث أي خرق أمني.
9. التدريب والتوعية
تدريب الفريق: قم بتدريب فريق التطوير على أفضل الممارسات للأمان وكيفية تجنب الثغرات الأمنية.
التوعية الأمنية: حافظ على تحديث معلوماتك وفريقك بأحدث التهديدات والتقنيات الأمنية.

كنت بتعرف هي الملاحظات سابقاً شاركنا بالتعليقات.! 💬💡

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

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

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

بتعرفوا شو الفرق بين 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 و رح يكون عليها محتوى مخصص يتناسب مع المنصة بشكل اكتر

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

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