مساء الخير ي شباب 👋 ،

هذه repo تحصلوا فيها إن شاء الله كتب لجميع لغات البرمجة <>.

https://github.com/EbookFoundation/free-programming-books


#مساعد
#برمجة

صباح الخير 👋،
ولو متأخر بس الذي فاعل تطبيق e-commerce معاكم fake api مثل هذا

https://fakestoreapi.com/

با ينفعكم كثير إن شاء الله 🙏🏻

#مساعد
#api

🟢 قائمة بأهم مواقع التعليم الذاتي في العالم .. منها مواقع تعليم وتدريب مجانية وتوفر الشهادات مجانية :

1ـ  www.edx.org
2ـ  www.coursera.org
3ـ  www.udacity.com
4ـ  www.edraak.org
5ـ  www.class.stanford.edu
6ـ  www.venture-lab.org
7ـ  www.education.10gen.com
8ـ  www.openhpi.de
9ـ  www.ocw.mit.edu
10ـ  www.khanacademy.org
11ـ  www.oli.cmu.edu
12ـ  www.oyc.yale.edu
13ـ  www.webcast.berkeley.edu
14ـ  www.openclassroom.stanford.edu/MainFolder/HomePage.php
15ـ  www.see.stanford.edu
16ـ  www.ck12.org
17ـ  www.udemy.com
18ـ  www.skillshare.com
19ـ  www.codecademy.com
20ـ  www.p2pu.org
21ـ  www.ed.ted.com
22ـ  www.myopencourses.com
23ـ  www.myopencampus.in
24ـ  www.nptel.iitm.ac.in
25ـ  www.saylor.org
26ـ  www.academicearth.org
27ـ  www.youtube.com/education
28ـ  www.phodphad.com
29ـ  www.learntobe.org
30ـ  www.floqq.com
31ـ  www.learnerstv.com
32ـ  www.coursetalk.org
33ـ  www.skillacademy.com
34ـ  www.mruniversity.com
35ـ  www.alison.com

السلام عليكم ورحمه الله وبركاته طبعا
كلنا نستخدم مكتبة Shimmer لما نحمل بيانات من API، بس كانت المشكلة انو نعيد تصميم شكل card بما يناسب مع الشكل الحقيقي 😩

في مكتبة رائعة جداً أسمها skeletonizer ✅
كل اللي عليك تسوي wrap للـ widget اللي بتستخدمها بالـ skeletonizer وهي تكمل الباقي 😍

مثال:
Skeletonizer(
enabled: _loading,
child: ListView.builder(
itemCount: 7,
itemBuilder: (context, index) {
return Card(
child: ListTile(
title: Text('Item number $index as title'),
subtitle: const Text('Subtitle here'),
trailing: const Icon(Icons.ac_unit),
),
);
},
),
)


رابط المكتبة:
https://pub.dev/packages/skeletonizer

مجموعه كُتيبات صغيرة لمواضيع هامه للبعض...

المصدر: من حسابات مختلفة في linkedin (يوزر كل شخص في ملفه الخاص)

#مساعد

قائمة بجميع Request Header و Response Header الخاصة ب Cache

لتفاصيل اكثر عن cache في header:
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control

وهنا تفاصيل عن req & res headers :
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers

#مساعد #ويب #مشروع_الدعيس

عملية إطلاق نار قوية تهز يافا المحتلة "تل أبيب"..

القتلى في الشوارع..

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

🔹  t.me/MediaBank21‎

وسائل إعلام العدو: إطلاق 200 صاروخ من إيران تجاه "إسرائيل".

🔹  t.me/MediaBank21‎

ليلة نارية على العدو الإسرائيلي المجرم وأعداد هائلة من الصواريخ الإيرانية تتجه نحو الأراضي الفلسطينية المحلة

🔹  t.me/MediaBank21‎

لما تكون محتار بين أكثر من مكتبة برمجية نفس العمل وتشتي تعرف الفرق بينهم عشان تختار واحده ، بيساعدك موقع
snyk.io/advisor

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

حالياً الموقع يدعم المكاتب في npm و pypi و go و docker فقط

#مساعد

اداة CLI حلوة تفعل لك ملف Change log من git الي وجع راس ويأخذ وقت طويل عشان تفعله
اذا ما تعرف ايش هو Change log بكل بساطه هو ملف Markdown تكتبه انت في اي مشروع برمجي توصف ايش التغييرات الي تحصل في نظامك في كل اصدار جديد... عشان بقية المبرمجين او المستخدمين يعرفو ايش الي حصل بين اصدارين معينين بدون ما يفتحو الكود.

رابط الاداة:
https://pypi.org/project/git-changelog/

بعد تثبيتها اكتب هذا الأمر:
git-changelog -c basic -t keepachangelog
واذا تشتي تحتفظ في النتيجة في ملف changelog.md بأمر واحد:
git-changelog -c basic -t keepachangelog > CHANGELOG.md

ملاحظة: المكتبة هذه تستخدم حقك رسائل commit ـ يعني حاولو تستخدمو الstanderd الي معروف عند الكل:
https://www.conventionalcommits.org/en/v1.0.0/

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

سلام 👋

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

🔻 الفرق بين 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_اكتوبر
#مساعد
#دعواتكم_🇾🇪_🇵🇸_🇱🇧 🤍