موقع tinypng بيقلل حجم الصور بنفس الجودة

https://tinypng.com/

25 فكرة 💡 مشاريع Web Development هتحسن مستواك جدا في تطوير المواقع

1. صندوق الوصفة
- أنشئ تطبيقًا لصندوق الوصفات حيث يمكن للمستخدمين إضافة الوصفات وتعديلها وحذفها.

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

3. غرف الدردشة مع المصادقة
- تطوير غرفة دردشة في الوقت الفعلي مع مصادقة المستخدم باستخدام Firebase أو خدمة مصادقة أخرى.

4. تطبيق اللياقة البدنية مع الرسوم البيانية
- أنشئ تطبيقًا لتتبع اللياقة البدنية باستخدام مخططات لعرض التقدم بمرور الوقت.

5. المحفظة مع قسم المدونة
- عزز محفظتك الاستثمارية عن طريق إضافة قسم للمدونة حيث يمكنك كتابة المقالات ونشرها.

6. لوحة معلومات الطقس
- إنشاء لوحة معلومات الطقس التي تعرض الطقس الحالي والتنبؤات وخرائط الطقس.

7. مقسم النفقات
- أنشئ تطبيقًا يساعد الأصدقاء على تقسيم النفقات بعد رحلة أو حدث ما.

8. تطبيق تدوين الملاحظات
- تطوير تطبيق بسيط لتدوين الملاحظات مع ميزات مثل إضافة الملاحظات وتحريرها وحذفها.

9. تطبيق مسابقة البطاقات التعليمية
- قم بإنشاء تطبيق بطاقة تعليمية للدراسة باستخدام ميزات مثل وضع الاختبار وإنشاء البطاقة.

10. تطبيق قائمة تشغيل الموسيقى
- إنشاء تطبيق قائمة تشغيل الموسيقى حيث يمكن للمستخدمين إنشاء قوائم التشغيل وإدارتها

11. تطبيق تعلم اللغة
- تطوير تطبيق يساعد المستخدمين على تعلم لغة جديدة من خلال التمارين والاختبارات التفاعلية.

12. تعقب طلب الوظيفة
- إنشاء تطبيق لتتبع طلبات العمل والمقابلات والمتابعات أثناء البحث عن وظيفة.

13. مؤقت العد التنازلي للحدث
- أنشئ تطبيقًا يتيح للمستخدمين ضبط مؤقتات العد التنازلي للأحداث القادمة.

14. كتالوج الكتب
- تطوير تطبيق كتالوج الكتب حيث يمكن للمستخدمين إضافة الكتب وتقييمها ومراجعتها.

15. لوحة تحكم تحليلات النفقات
- تعزيز تعقب النفقات عن طريق إضافة ميزات التحليلات والتصور.

16. منصة تبني الحيوانات الأليفة
- بناء منصة لتبني الحيوانات الأليفة، مما يسمح للمستخدمين بتصفح الحيوانات الأليفة وتبنيها.

17. نظام إدارة السيارة
- إنشاء نظام لإدارة تفاصيل السيارة وجداول الصيانة وكفاءة استهلاك الوقود.

18. مؤقت المهام
- إنشاء تطبيق مؤقت للمهام لمساعدة المستخدمين على إدارة وقتهم والتركيز على المهام.

19. لعبة متعددة اللاعبين
- تطوير لعبة بسيطة متعددة اللاعبين باستخدام تقنيات مثل المقبس.

20. تطبيق تذكير يعتمد على الموقع
- إنشاء تطبيق يرسل تذكيرات للمستخدمين بناءً على موقعهم.

21. تطبيق المجلة اليومية
- أنشئ تطبيق مجلة يومية حيث يمكن للمستخدمين الكتابة والتأمل في يومهم.

22. تعقب العملة المشفرة
- أنشئ تطبيقًا يتتبع أسعار العملات المشفرة واتجاهات السوق في الوقت الفعلي.

23. نظام إدارة الموظفين
- إنشاء نظام إدارة الموظفين مع ميزات مثل إضافة سجلات الموظفين وتحريرها وحذفها.

24. منصة الاختبار عبر الإنترنت
- تطوير منصة اختبار عبر الإنترنت مع تسجيل المستخدم، وإنشاء الاختبار، والتسجيل.

25. مخطط السفر
- إنشاء تطبيق يساعد المستخدمين على التخطيط لرحلاتهم، بما في ذلك ميزات خط سير الرحلة والميزانية.

أهم 16 موقع لازم تعرفهم كـ Flutter Developer 👌

1️⃣ Flutter
2️⃣ Dart
3️⃣ Chatgpt
4️⃣ GitHub
5️⃣ Stackoverflow
6️⃣ Medium
7️⃣ Flutter awesome
8️⃣ GetWidget
9️⃣ Fluttermarket
🔟 Start Flutter
1️⃣1️⃣ Flutter campus
1️⃣2️⃣ Free Fluter Source
1️⃣3️⃣ FlutterDevs
1️⃣4️⃣ Konstant Infosolutions
1️⃣5️⃣ Pub.dev
1️⃣6️⃣ Flutter Gems

لو عايز تبدأ تعلم الذكاء الاصطناعي AI وعايز خطة فيها المصادر تبدأ من البداية
وكمان عايز تعرف هل المصدر ده صعب ولا متوسط ولا سهل عشان تعرف تبدأ بيه ولا لا

الرابط: https://github.com/ahmedbahaaeldin/From-0-to-Research-Scientist-resources-guide

من اجمل package الي ممكن تستخدمها وتوفر عليك وقت وانتا شغال علي مشروع react وده لانها فيها اغلب hooks الي ممكن تحتاجها وانتا شغال في مشروعك

الرابط:
‏ https://usehooks.com/

ملخص ممتاز لكيفية صياغة سطر الأوامر في ChatGPT بطريقة إحترافية و سهلة للحصول على إجابات مركزة.

تعاااالى أقولك معلومة ممكن تصدمك !!

🟡 ناس كتير بيكونوا فاكرين ال Console اللى كل يوم بنستخدمه دا جزء من من ال JavaScript!!!!

❌ حابب أصدمك و اقولك لأ ان ال Console مالوش علاقة بال JS أصلا.
✅ و لكن ال Console هو جزء من ال Web APIs

CSS Flex-box cheatsheet

إزاي تبقى تنين في JavaScript؟ 🔥


أهم المواضيع اللي ممكن تقابلها في JavaScript خلال رحلتك في النقاشة (فرونت اند) أو في السباكة (باك اند):

✅ this
✅ Closure
✅ Scopes
✅ Functions
✅ Arrays
✅ Objects
✅ ES6 and More
✅ Promise

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

رابط الريبو:
‏ https://github.com/didicodes/javascript-dev-bookmarks

لو انت Front end فاكيد سمعت عن API ....

ال API، ده اختصار لـ "Application Programming Interface"، يعني حاجة بتربط بين مكونين
بتساعد على نقل البيانات بينهم. يعني لو عايز تجيب معلومات من موقع تاني وتستخدمها في موقعك أو تطبيقك، هتستند على الـ API عشان تجيب البيانات دي.

ال API مش بس بيستقبل بيانات، لكنه بيبعت بيانات كمان.
مثال ، لو حد عنده موقع بيبيع منتجات وعنده فورم بيملاه بتفاصيل المنتج، زي الاسم والسعر وكدة، وبعد ما يملاه يضغط علشان يضيف المنتج، دور الشخص اللي خلف الكواليس (الباك إند) بيكون إنه بيأخد البيانات دي وبيبعتها للـ API.

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

والـ Fetch هو العملية اللي بتخلِّيك تجيب البيانات من الـ API. يعني بتستخدم الـ Fetch عشان تجيب البيانات اللي بتجيلك من الـ API وتستعملها في مشروعك.

و اخيرا API من اهم الحاجات اللى هتستخدمها كتير و خصتا فى المشاريع الكبيرة فلازم تكون ملم بيها كويس و تدرب عليها كتير فانك ازاى تعرض البيانات بالشكل المطلوب و تبعت بيانات بشكل صحيح و الاهم من كل ده يكون كود منظم و مرتب مش مجرد تطلع المطلوب و بس