سلام 👋

موضوع بسيط و مهم خاصة لمطورين المواقع </>

🔻 الفرق بين Local Storage و Cookies و Session Storage

عند العمل على تطبيقات الويب، نحتاج أحيانًا لتخزين البيانات على المتصفح، سواء لفترة قصيرة أو طويلة. هنا تأتي أهمية ثلاث تقنيات رئيسية: Local Storage، Cookies، وSession Storage. إليك الفرق بينهم ومتى نستخدم كل واحدة منها:

📌 Local Storage:

التخزين الدائم: يُستخدم لتخزين البيانات بشكل دائم في المتصفح، حتى بعد إغلاقه وإعادة فتحه.
المميزات: يتم التخزين بشكل متزامن، ولا تحتاج إلى التعامل مع الوعود (Promises).
العيوب: غير آمن لتخزين البيانات الحساسة مثل كلمات المرور أو الرموز (Tokens) لأنه يمكن الوصول إليها من أي JavaScript.
الاستخدام: مناسب لتخزين إعدادات المستخدم أو البيانات غير الحساسة لفترة طويلة.

📌 Cookies:

التخزين المتكامل مع السيرفر: تُرسل مع كل طلب HTTP، مما يجعلها مناسبة للاستخدام في المصادقة (مثل Sessions).
المميزات: يمكن التحكم في مدة صلاحيتها وتأمينها بخاصيتي HttpOnly و Secure.
العيوب: سعة التخزين محدودة، مما يجعلها غير مناسبة للبيانات الكبيرة.
الاستخدام: مثالية لتتبع المستخدم بين الصفحات وتأمين المصادقات.

📌 Session Storage:

التخزين المؤقت للجلسة: يتم مسح البيانات بمجرد إغلاق التبويب أو نافذة المتصفح.
المميزات: مناسب لتخزين البيانات المؤقتة التي تخص الجلسة الحالية.
العيوب: لا يمكن الاحتفاظ بالبيانات بعد إغلاق التبويب.
الاستخدام: مثالي لتخزين بيانات مؤقتة مثل بيانات نموذج الفورم أو عربة التسوق في مواقع التجارة الإلكترونية.
📌 متى تستخدم أي تقنية؟

⚡️ Local Storage:
للتخزين طويل المدى وللبيانات التي لا تحتاج أن تكون متاحة للسيرفر.

⚡️ Cookies:
عند الحاجة لتأمين البيانات وضمان إرسالها مع كل طلب إلى السيرفر، خاصةً في المصادقة.

⚡️ Session Storage:
لتخزين البيانات المؤقتة الخاصة بالجلسة الحالية فقط.


#مساعد
#دعواتكم_🇾🇪_🇵🇸_🇱🇧 🤍

سلام ي شباب 👋

موضوع بسيط وسريع عن بعض ال Api architectures وهو

📊 الفرق بين REST API و GraphQL عند التعامل مع API تحتوي على بيانات ضخمة

لنأخذ مثال تطبيق متجر يحتوي على شاشتين:

1️⃣ شاشة قائمة المنتجات: تعرض جميع التفاصيل مثل الاسم، السعر، الصورة، الوصف، والمزيد.
2️⃣ شاشة قائمة مختصرة: تحتوي فقط على الاسم والسعر.

🔄 عند استخدام GraphQL: يمكنك استرجاع البيانات التي تحتاجها فقط. مثلاً في الشاشة المختصرة، ستجلب فقط الاسم والسعر دون تحميل باقي التفاصيل غير المطلوبة.

🌐 عند استخدام REST API: في كلتا الشاشتين، ستقوم بجلب جميع البيانات حتى وإن كنت تحتاج إلى جزء منها فقط، مما يزيد من الضغط على الشبكة.

💡 لنحسب الفرق في الحجم والوقت:

⚙️ REST API:

حجم البيانات لكل منتج: 20 كيلوبايت.
عدد المنتجات: 200.
الإجمالي: 200 × 20 = 4 ميجابايت.
⏳ زمن الاستجابة: حوالي 300 إلى 800 مللي ثانية.
⚙️ GraphQL:

حجم البيانات لكل منتج: 2 كيلوبايت (إذا جلبنا الاسم والسعر فقط).
عدد المنتجات: 200.
الإجمالي: 200 × 2 = 400 كيلوبايت.
⏳ زمن الاستجابة: حوالي 50 إلى 150 مللي ثانية.

📉 النتيجة:

REST API: ❌ أبطأ وأثقل لأنه يجلب جميع البيانات حتى غير الضرورية.

GraphQL: ✔️ أسرع وأخف لأنه يتيح لك جلب ما تحتاجه فقط من البيانات.

#7_اكتوبر
#مساعد
#دعواتكم_🇾🇪_🇵🇸_🇱🇧 🤍

الان في plug-in 🔌 جديد تقدر تضيفه في TailwindCSS
Tailwind motion

اضافة فيبها انميشن جاهزة قابلة للتعديل وكل هذا ب css بدون اي js اي ان النتيجه بتكون 🚀

رابط المكتبة:
https://rombo.co/tailwind/

رابط التغريدة في 𝕏

#مساعد #سوق_العمل #مشاريع_التخرج

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

#طوفان_نحو_التحرير
t.me/DrAhmedAlshami

🎥 صوت يبلغ عمق القلوب ويكرهه الصهاينة

صوت الوحدة والاخوة انشروا هذه اللغة وهذا الخطاب .. دموع صادقة

#نصرالدين_عامر

🔰 #فيديو_الإعلام_الشعبي_اليمني:‎
🇾🇪 t.me/PopularMediaYE

سلام ي شباب ... موضوع بسيط بخصوص البرمجيات

🚀 الفرق بين MVC و MVVM و MVI 🤔

في عالم تطوير البرمجيات، نلاحظ أنماط تصميم مثل MVC و MVP و MVVM و MVI. كل نمط منهم له طريقة معينة لتنظيم الكود وتأثيره على طريقة بناء التطبيقات.

وهنا نستعرض الفرق بينهم معًا! 👇

📌 MVC (Model-View-Controller)

هذا من أشهر الأنماط الكلاسيكية في تطوير الويب، و يعتمد على تقسيم الكود لـ 3 أجزاء:

⚡️ Model: فيه البيانات والـ Business Logic.
⚡️ View: المسؤول عن عرض واجهة المستخدم.
⚡️ Controller: بيتحكم في الربط بين الـ Model والـ View، بياخد البيانات ويعرضها على الـ View وبيعالج المدخلات.

🎯 مناسب للتطبيقات الصغيرة والمتوسطة، لكن مع زيادة حجم المشروع ممكن الـ Controller يتعقد.

———

📌 MVVM (Model-View-ViewModel)

هذا النمط الأكثر استخدامًا في تطبيقات الموبايل والـ Desktop. الفرق هنا هو إضافة عنصر ViewModel:

⚡️ Model: البيانات والمنطق.
⚡️ View: واجهة المستخدم.
⚡️ ViewModel: بيتعامل مع إدارة حالة الـ View ويخليها تستجيب للتغييرات تلقائيًا.

🎯 بيتميز إنه بيشتغل بالـ Data Binding، يعني التحديثات في البيانات تظهر تلقائيًا على واجهة المستخدم بدون ما تدخل انت.

———

📌 MVI (Model-View-Intent)

وهذا نمط مختلف شوية، مبني على فكرة الـ Intent اللي يتحكم في التفاعلات داخل التطبيق.

⚡️ Model: يحتوي على حالة البيانات.
⚡️ View: يعرض البيانات بناءً على حالة الـ Model.
⚡️ Intent: بيتفاعل مع الـ Model ويحدث البيانات.

🎯 النمط هذا مناسب جدًا لتطبيقات الـ Real-Time والـ Reactive Programming مثل تطبيقات ال chatting.

———

📌 الخلاصة:

MVC: مناسب للتطبيقات البسيطة والصغيرة.
MVVM: الأفضل للتطبيقات الكبيرة والمعقدة اللي فيها تحديثات مستمرة.
MVI: الأفضل لتطبيقات الـ Real-Time اللي تعتمد على التدفقات والتفاعلات.

#مساعد
#دعواتكم_ 🇾🇪_🇵🇸_🇱🇧 🤍

🔈 list of top 50 data science cheat sheets

🔘 From the day I started summarizing data science topics on LinkedIn, I decided to summarize each topic in a few pages. I finally came up with a list of 50 cheat sheets from various areas of data science. This list covers pretty much everything a data person might need, from how to plot with Matplotlib to using ChatGPT.

⏺️ Python: link

⏺️ Pandas library: link

⏺️ NumPy library: link

⏺️ Matplotlib library: link

⏺️ seaborn library: link

⏺️ scikit-learn library: link

⏺️ TensorFlow library: link

⏺️ Keras library: link

⏺️ PyTorch framework: link

⏺️ SQL language: link

👀 GeoPandas project: link

👀 Git version control system: link

👀 AWS cloud platform: link

✅ Azure cloud platform: link

✅ Google Cloud Platform cloud computing: link

✅ Docker platform: link

✅ Kubernetes platform: link

✅ The Linux Command Line training: link

✅ Jupyter notebook: link

✅ Data preparation: link

✅ Data Visualization: Link

✅ Statistical inference: link

✅ possibility: link

✅ Linear Algebra: Link

✅ Differential calculation: link

✅ Time series: link

✅ Natural language processing: link

✅ Neural network: link

✅ Deep Learning: Link

✅ Machine learning: link

✅ Apache Spark Framework: Link

✅ Apache Hadoop framework: link

✅ Big O Notation tool: link

✅ Regular Expression training: link

✅ Unix / Linux Permissions training: link

✅ Python String Formatting tutorial: link

✅ Flask framework: link

✅ Django framework: link

✅ plotly library: link

✅ PostgreSQL database: link

✅ MySQL database: link

✅ MongoDB database: link

✅ TensorFlow Probability library: link

✅ Chatbot GPT-3: link

✅ Training GPT-3 API Reference: link

✅ SciPy library: link

✅ ChatGPT chatbot: link

✅ Training Colors in Data Viz: link

✅ Geospatial DS in Python training:

ي شباب هؤلاء ب تحتاجوا لهم في مشاريع التخرج.
يتكلم على ال branching في Git لان اعتقد معظم الطلاب ب يشتغلوا على GitHub ولا كيف.

سواء اشتغلتوا ولا ماشي اقرأ تستفيد 🤞🏻

#مساعد
#مشاريع_تخرج

ساعتين افعل Integration with OpenAi 😤

والنتيجة :
حصلت لكم مواقع حلوة جداً بدل OpenAi

1) Forefront beta

https://forefront.ai/

2)HuggingFace

https://huggingface.co/

مواقع حلوة جداً يمكن من خلالها انك تشوف ال community models وتستخدم حقهم ال api key والسلام

طبعاً متوفر لاكثر من لغة فلا تقلق وإذا ما حصلت اللغة عمك gpt ما يقصر 😁

إن شاء الله تستفيدوا من المواقع 🤞🏻

#مساعد

سلام 👋🏻

كورسات يوديمي 100% مجانية بس لفترة محدودة

> *The Complete Dart Learning Guide*
https://www.udemy.com/course/mwurstui/?couponCode=OC2-2024

> *The Complete Flutter Development Guide*
https://www.udemy.com/course/fluttercourse/?couponCode=OC2-2024

> *Python for Data Science and Machine Learning*
https://www.udemy.com/course/python-science/?couponCode=OC2-2024

> *The Complete Dart Development Guide*
https://www.udemy.com/course/dart-learning-guide/?couponCode=OC2-2024

> *The PHP 8 Learning Guide*
https://www.udemy.com/course/php-8-guide-2021-edition/?couponCode=OC2-2024

> *The Web Front End Learning Guide*
https://www.udemy.com/course/amdbdfbs/?couponCode=OC2-2024

> *The Java Learning Guide*
https://www.udemy.com/course/jczsnxta/?couponCode=OC2-2024

> *The Android-Kotlin Development Guide*
https://www.udemy.com/course/nfifedvr/?couponCode=OC2-2024

> *The Python and Django Learning Guide*
https://www.udemy.com/course/wcsjwvoc/?couponCode=OC2-2024

> *The Kotlin Learning Guide*
https://www.udemy.com/course/kotlin-programming-for-beginner/?couponCode=OC2-2024

> *The C++ Learning Guide*
https://www.udemy.com/course/vcojcteq/?couponCode=OC2-2024

ب التوفيق لكم جميعاً 🤞🏻

#مساعد

سلام 👋

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

اقروا وقت الفراغ 😁


#مساعد
#هياكل_بيانات

في فلاتر معانا مصطلح والكل يسمع عن حاجة اسمه widget

فما هو Widget Lifecycle
كل stateful widget في Flutter يمر بمراحل مختلفة خلال دورة حياته. هذه المراحل تساعدك على فهم كيفية التعامل مع البيانات وإدارة الموارد في التوقيت المناسب.

مراحل الـ Lifecycle:

1. `initState()`:
هذه أول مرحلة يتم تنفيذها عندما يتم إنشاء الـ widget لأول مرة. نستخدمها لتهيئة البيانات أو تشغيل وظائف تحتاج أن تبدأ في بداية حياة الـ widget.

 @override
 void initState() {
 super.initState();
 // تهيئة البيانات هنا
 print('Widget Initialized');
 }
 

2. `didChangeDependencies()`:
يتم استدعاؤها عندما تتغير
الـdependencies
الخاصة بالـ widget. هذا مفيد إذا كنت تعتمد على InheritedWidget
أو إذا حدث تغيير في الـ context.

 @override
 void didChangeDependencies() {
 super.didChangeDependencies();
 // التعامل مع تغييرات الـ dependencies هنا
 print('Dependencies Changed');
 }
 

3. `build()`:
هذه المرحلة هي المسؤولة عن بناء الـ widget Tree وعرض الـ UI. كلما تم استدعاء `setState()`، يتم استدعاء
build()
لإعادة بناء الـ widget.

 @override
 Widget build(BuildContext context) {
 return Scaffold(
 appBar: AppBar(
 title: Text('Widget Lifecycle Example'),
 ),
 body: Center(
 child: Text('Hello Flutter!'),
 ),
 );
 }
 

4. `setState()`:
عندما تحتاج إلى تحديث البيانات الداخلية الخاصة بالـ widget،
تستخدم
setState().
لاعاده بناء الـ UI في كل مرة يتم استدعاء setState().

 void _updateData() {
 setState(() {
 // تحديث البيانات هنا
 print('Data Updated');
 });
 }
 

5. `deactivate()` و `dispose()`:
- `deactivate()`

يتم استدعاؤها عندما يتم إزالة الـ widget من الـ widget tree مؤقتًا.
- `dispose()`
هي المرحلة الأخيرة قبل تدمير الـ widget نهائيًا. هنا نستخدمها لتنظيف أي موارد مثل الـ

AnimationController` أو الـ streams

لتجنب الـ memory leaks.

 @override
 void dispose() {
 // تنظيف الموارد هنا
 print('Widget Disposed');
 super.dispose();
 }
 

لماذا هذا الموضوع مهم؟
• العديد من المطورين ينسون تنظيف الموارد في `dispose()`،
مما يؤدي إلى memory leaks التي قد تؤثر على أداء التطبيق.

• فهمك لمراحل
initState() و build()

يضمن أنك تدير التحديثات والبيانات في الوقت المناسب، مما يقلل من عدد مرات إعادة بناء الواجهة بدون داعٍ، وبالتالي يحسن الأداء.

الخلاصة:
معرفة مراحل Widget Lifecycle لا تحسن الأداء فقط، بل تساعدك أيضًا في كتابة كود نظيف وفعال. إذا فهمت جيدًا كيفية التعامل مع دورة حياة الـ widget، ستتمكن من تجنب الكثير من المشاكل مثل الـ memory leaks وستتحكم بشكل أفضل في تحديثات البيانات.

#مساعد
#flutter

final :
هنا يعني اذا تشتي ت assign قيمة لمتغير و ممكن القيمة تتغير في ال run time

مثال :
void main() {
final currentTime = DateTime.now(); // Value assigned at runtime
print("Current Time: $currentTime");
}


const :

هنا عند ال assign للمتغير بقيمة انت تعرف قيمتها اثناء ال compile time
في المثال assign متغير اسمه pi و قيمته ثابته و ما تتغير ...
void main() {
const pi = 3.14159; // Value known at compile time
print("Value of Pi: $pi");
}


في ال oop في معانا داخل ال class :
properties for attributes والذي هم :

setter , getter :

طيب مثال بسيط :

class Student {
int _Id;
String name;

// arrow_syntax

int get Id => _Id;

set Id(int newId) {
_Id = newId;
}
Student(this._Id, this.name);
}

void main() {

//getter
var stu = Student(1, 'StudentOne');
print(stu.Id);

//setter
stu.Id = 2;
print(stu.Id);
}

طبعا في معظم اللغات لما يبدا المتغير ب _ فيعني انه private

في ال List dataType يمكن نفعل لهم assigning ب طريقتين :

اما :
List<int> numbers = [1, 24, 3];

او


List<int> numbers = List<int>.empty();

مع ال empty عشان ال null safety

#مساعد

أثر شهادة السنوار "رحمه الله" على المستوى الفلسطيني والعالمي، بل وللأجيال القادمة.
#سيد_القول_والفعل
#مع_غزة_ولبنان

دليل خوارزمية لينكدإن لعام 2024 باللغة العربية
بكافة الأجزاء ال18 التي استمريت بتغطيتها
على أكثر من شهر مكون من 180 شريحة تقريباً

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

الحمد لله وبفضله تمت المهمة بنجاح
على الرغم من كل المعوقات والتحديات

والآن دورك الآن يبدأ استثمر المنصة
ولا تؤجل هذه الخطوة
لا تؤجل
لا تؤجل

--
تم إعداد دليل الخوارزمية لعام 2024 وفق دراسة أكثر من 1.5 مليون منشور أعدها Richard van der Blom وفريقه نشرته لكم باللغة العربية وبشكل مختصر لتستفيدوا منه في رحلتكم في استثمار لينكدإن
--

----------
أنا🚀آلاء المصري مدربة لينكدإن
لمعرفة أهم النصائح والمعلومات حول كيفية استثمار لينكدإن بشكل صحيح


#لينكدإن
#linkedin

https://www.linkedin.com/in/alaaalmasrimarketing/

فتح موقع 365DataScience جميع كورساته مجاناً لمدة محددة، علماً أن الاشتراك في الموقع عادةً يتطلب تكلفة ودفع.

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

https://365datascience.com/?utm_medium=affiliate&utm_campaign=11148&utm_source=Meri%20Nova&irgwc=1

إن شاء الله تستفيدوا 🙏🏻

#مساعد

ترقبوووا🤩

معانا بكرة أخبار حاااالية😍
وانتو أخبر😁