🚀 Supabase

البديل المفتوح المصدر لـ Firebase

إذا كنت تبحث عن منصة قوية ومرنة لإدارة قواعد البيانات وتطوير تطبيقاتك، فإن Supabase هو الخيار المثالي! فهو يوفر جميع ميزات Firebase، ويعتمد على PostgreSQL، مما يمنحك أداءً قويًا وتحكمًا أكبر.

---

✨ ما هو Supabase؟

Supabase هو نظام مفتوح المصدر يقدم خدمات متكاملة، تشمل:
🔹 قاعدة بيانات PostgreSQL – قاعدة بيانات قوية مع دعم استعلامات SQL المباشرة.
🔹 تحديثات فورية (Real-time) – مزامنة البيانات فورًا باستخدام WebSockets.
🔹 مصادقة آمنة (Authentication) – تسجيل دخول بالبريد الإلكتروني، OAuth، SSO، والمزيد.
🔹 إدارة الأذونات (RLS) – تحكم متقدم في الوصول إلى البيانات.
🔹 تخزين سحابي (Storage) – تخزين الملفات والتحكم في أذوناتها.
🔹 واجهة API تلقائية – REST و GraphQL API يتم إنشاؤها تلقائيًا.
🔹 وظائف سيرفرلس (Edge Functions) – تشغيل أكواد بدون خوادم.
🔹 تكامل مع الأطر المختلفة – يدعم Flutter، React، Next.js، Vue، Angular، Node.js وغيرهم.


---

🔥 لماذا تختار Supabase؟

📌 1. قاعدة بيانات قوية (PostgreSQL)

✅ دعم كامل لاستعلامات SQL.
✅ وظائف مخزنة (Stored Procedures) ودوال PostgreSQL.
✅ تكامل مع لغات البرمجة المختلفة.

⚡ 2. تحديثات فورية للبيانات (Real-time Updates)

✅ مزامنة فورية باستخدام PostgreSQL Listen/Notify.
✅ دعم WebSockets لعرض البيانات فور تحديثها دون الحاجة لإعادة التحميل.

🔐 3. مصادقة وأمان متقدم (Authentication & Security)

✅ تسجيل دخول عبر البريد الإلكتروني، OAuth، SSO، OTP.
✅ مصادقة باستخدام WebAuthn لدعم الأجهزة الحديثة.
✅ إدارة الأذونات عبر Row Level Security (RLS) للتحكم الدقيق في البيانات.

📂 4. تخزين سحابي (Storage)

✅ تحميل وتنزيل الملفات بسهولة.
✅ دعم تخزين الصور، الفيديوهات، والمستندات.
✅ تحكم كامل في أذونات الملفات لكل مستخدم.

🌐 5. واجهة API تلقائية (Auto-generated APIs)

✅ REST و GraphQL API يتم إنشاؤها تلقائيًا.
✅ توسيع الـ API عبر دوال PostgreSQL أو سيرفرلس Functions.

🖥 6. وظائف سيرفرلس (Edge Functions)

✅ تشغيل أكواد JavaScript/TypeScript بدون خوادم.
✅ تكامل مع قواعد البيانات والتخزين والمصادقة.
✅ دعم Webhooks للتفاعل مع خدمات خارجية.

🎯 7. تكامل مع لغات وأطر عمل متعددة

✅ دعم رسمي لـ Flutter، React، Vue، Angular، Node.js، Python.
✅ مكتبات SDK جاهزة لتسهيل التطوير.

🔄 8. النسخ الاحتياطي واستعادة البيانات

✅ نسخ احتياطي تلقائي للبيانات.
✅ إمكانية استعادة البيانات بسهولة عند الحاجة.

💰 9. مجاني ومفتوح المصدر بالكامل!

✅ تشغيل Supabase على خوادمك الخاصة.
✅ مجتمع مفتوح المصدر ودعم قوي من المطورين.
✅ خطة مجانية بميزات عديدة.

---
اضغط هنا للانتقال الى المنصة

🚀 هل تريد تحسين تجربة المستخدم في تطبيق Flutter بسهولة؟

مكتبة tutorial_coach_mark

هي الحل الأمثل!

✨ لماذا؟
✅ سهلة التكامل: إعداد سريع مع دعم Flutter.

✅ تصميم أنيق: توجيهات تفاعلية تجذب انتباه المستخدم.

✅ خفيفة الوزن: لا تؤثر على أداء التطبيق.

✅ قابلة للتخصيص: تلبي احتياجات تطبيقك بمرونة.

كيف تبدأ؟
1. أضف المكتبة:

   dependencies:
     tutorial_coach_mark: ^1.2.13
   

او في سطر الاوامر:

flutter pub add tutorial_coach_mark

2. استخدم هذا المثال البسيط:

TutorialCoachMark(
  targets: [
    TargetFocus(
      identify: "button1",
      keyTarget: _keyButton1,
      contents: [
        ContentTarget(
          align: AlignContent.bottom,
          child: Text("اضغط هنا لبدء العملية!"),
        ),
      ],
    ),
  ],
).show();

3. اتبع [الوثائق الرسمية]

https://pub.dev/packages/tutorial_coach_mark

لمزيد من التفاصيل.

📢 نصائح ذهبية للتعامل مع الأخطاء في الكود (Error Handling)! ⚠️

كيف تتعامل مع الأخطاء بطريقة احترافية؟ إليك أهم المبادئ:
1️⃣ لا تتجاهل الاستثناءات (Exceptions):
   - تجاهل الخطأ ما يحله! تعامل معه بذكاء لتفادي الأعطال.
2️⃣ استخدم Try / Catch بحكمة:
   - لا تكتبها فقط عشان “يمشي الكود”؛ افهم متى وأين تستخدمها.
3️⃣ أضف رسائل توضيحية:
   - خلي كل رسالة خطأ توضح السبب، عشان تسهّل التتبع والصيانة.
4️⃣ تجنب كشف التفاصيل الحساسة:
   - لا تعرض أخطاء النظام أو معلومات قاعدة البيانات للمستخدم.
5️⃣ سجّل الأخطاء (Logging):
   - استخدم أدوات مثل Sentry أو LogRocket لمراقبة المشاكل وتحليلها.

🎯 أدوات تساعدك في إدارة الأخطاء:

Sentry: لمتابعة الأعطال في الوقت الحقيقي.

Bugsnag: لمراقبة أداء التطبيق واكتشاف الأعطال.

Winston / Log4j / Python logging: مكتبات لتسجيل الأخطاء وتحليلها.

💡 تذكر:
المبرمج المحترف هو اللي يتوقع الخطأ ويعرف يتصرف فيه!
@programming_360

#نصائح_برمجية #CleanCode #ErrorHandling

📊 ـ 100 API
مجاني للمطورين – مصنفة حسب الفئة!

ابدأ بتجربة، اختبار، أو بناء مشاريع حقيقية باستخدام هذه الـ APIs المجانية:

📂 الفئة الأولى: APIs عامة

public-apis.io

open-notify.org

jsonplaceholder.typicode.com

boredapi.com

httpbin.org

reqres.in

dummyjson.com

🌦️ الفئة الثانية: APIs للطقس

openweathermap.org

weatherapi.com

metaweather.com

weatherstack.com

visualcrossing.com

climacell.co

getambee.com

📱 الفئة الثالثة: APIs لوسائل التواصل الاجتماعي

developer.twitter.com

reddit.com/dev/api

developers.facebook.com/instagram-api

developers.google.com/youtube

linkedin.com/developer

tumblr.com/api

developers.facebook.com/graph-api

💰 الفئة الرابعة: APIs للمال والعملات الرقمية

coingecko.com

coinmarketcap.com

alphavantage.co

iexcloud.io

finance.yahoo.com

cryptowat.ch

openexchangerates.org

🎮 الفئة الخامسة: APIs للترفيه

themoviedb.org

tvmaze.com/api

opentdb.com

developer.spotify.com

developer.apple.com

jikan.moe

pokeapi.co

🖼️ الفئة السادسة: APIs للصور والفيديو

unsplash.com

pixabay.com

pexels.com

developers.giphy.com

imgur.com/api

picsum.photos

catfact.ninja

🗺️ الفئة السابعة: APIs للخرائط والمواقع

developers.google.com/maps

mapbox.com

positionstack.com

opencagedata.com

geonames.org

ipgeolocation.io

openstreetmap.org

🧠 الفئة الثامنة: APIs للذكاء الاصطناعي

openai.com

huggingface.co

clarifai.com

ibm.com/watson

deepai.org

dandelion.eu

wit.ai

🏃 الفئة التاسعة: APIs للصحة واللياقة

nutritionix.com

open.fda.gov

open-health-api (GitHub)

dev.fitbit.com

myfitnesspalapi.com

getambee.com

disease.sh

📰 الفئة العاشرة: APIs للأخبار

newsapi.org

developer.nytimes.com

open-platform.theguardian.com

microsoft.com/bing/apis

rapidapi.com/contextualwebsearch

mediastack.com

eventregistry.org

🧰 الفئة 11: APIs لأدوات التطوير

docs.github.com

developer.atlassian.com

docs.gitlab.com

codesandbox.io

api.stackexchange.com

postman.com

rapidapi.com

🛍️ الفئة 12: APIs للتجارة الإلكترونية

shopify.dev

woocommerce.github.io

webservices.amazon.com

developer.ebay.com

developer.bigcommerce.com

developer.squareup.com

stripe.com

😄 الفئة 13: APIs للمرح

api.chucknorris.io

dog.ceo

thecatapi.com

randomuser.me

api.adviceslip.com

funtranslations.com

numbersapi.com

📚 الفئة 14: APIs للتعليم
ت
developer.edamam.com

openlibrary.org

github.com/Khan/khan-api

developer.ted.com

mediawiki.org

building.coursera.org

eventbrite.com

🧪 الفئة 15: APIs متنوعة

uuidtools.com

goqr.me

✅ احفظ هذه القائمة وابدأ مشروعك القادم!


#APIs #FreeAPIs #مشاريع_برمجية
#OpenSource #برمجة

@programming_360

🔥 فرصة ذهبية لكل المهتمين بالذكاء الاصطناعي!
مايكروسوفت تقدّم دورة مجانية بالكامل لتأسيسك في مجال AI.

🎯 مقدمة في الذكاء الاصطناعي – AI Fundamentals
محتوى بسيط واحترافي لأي مطور أو مبتدئ مهتم يفهم كيف يعمل الذكاء الاصطناعي فعليًا.

مواصفات الدورة:
⏱️ المدة: 160 دقيقة
🎓 الجهة المقدمة: Microsoft
💰 التكلفة: مجاناً 100٪
🌐 الرابط الرسمي للتسجيل:
https://learn.microsoft.com/en-us/training/modules/get-started-ai-fundamentals/

ابدأ الآن وادخل عالم الذكاء الاصطناعي من أوسع أبوابه!

#الذكاء_الاصطناعي #تعلم_ذاتي #برمجة
#Microsoft #دورات_مجانية

@programming_360

📘 Clean Code - روبرت سي. مارتن
🏆 المرجع العالمي للأكواد الاحترافية.

✨ لماذا هذا الكتاب استثنائي؟
- يُدرّس في "جوجل" و"أمازون" كمنهج معتمد
- يقدم 52 مبدأً عملياً للتميز البرمجي
- يحول الأكواد من "مجرد شغالة" إلى "تحف قابلة للتطوير"

💎 القيمة الفريدة:
"ليس كتاباً تقرأه مرة، بل مرجعاً يرافقك طوال مسيرتك البرمجية"

🎯 تأثير مباشر على:
✓ جودة أنظمتك ✓ وقت صيانتها ✓ قيمة عملك السوقية

🌍 متوفر بـ 40 لغة
(بما فيها العربية) عبر منصات النشر العالمية


✨"الكود النظيف ليس رفاهية... إنه ضرورة بقاء في عالم التكنولوجيا "✨

[ الآن متاح لكم مجاناً باللغة الانجليزية 👇]

ملخص بعض اجزاء كتاب Clean code بالعربي 👇🏻

https://youtube.com/playlist?list=PLHKTPL-jkzUpmhRB0L722GDlOXWP1iAEo&si=s-QYrtjgOeIf7Y_d

🔥 لكل المطورين والمهتمين بتطوير الواجهات التفاعلية!
اليوم جايبين لكم واحد من أقوى المشاريع المفتوحة المصدر على GitHub
🔹 اسم المشروع: Excalidraw
🛠 النوع: Whiteboard تفاعلي (رسم تخطيطي مثل Miro)
💻 التقنيات: TypeScript + React
📄 الرخصة: MIT
🔗 الرابط:
https://github.com/excalidraw/excalidraw

🔍 ليش أنصحك تستكشفه؟

واجهته تفاعلية وسلسة.

الكود منظم واحترافي، مناسب جدًا لتعلم React وCanvas.

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

💡 فكرة إضافية؟ أضف ميزة جديدة، عدّل على التصميم، أو شارك في المجتمع.

#مشاريع_مفتوحة
#React #TypeScript #OpenSource
#GitHub

#OpenSource@programming_360

🎯 اختار مجالك… واعرف لغتك!
إذا محتار تبدأ من فين؟ هذا الدليل بيسهّلها عليك 👇

💻 Frontend Development
✨ اتعلّم: JavaScript
الأساس لبناء واجهات تفاعلية وحديثة.

📊 Data Analysis / Data Science
✨ اتعلّم: Python
لغة مرنة، ومليانة مكتبات تحليل قوية.

🧠 AI & Machine Learning
✨ اتعلّم: Python
اللغة الأولى في هذا المجال بجدارة.

🛠️ Backend Development
✨ اتعلّم: Python أو Node.js
تساعدك تبني APIs وأنظمة قوية.

🎮 Game Development
✨ اتعلّم: C++ للأداء العالي
أو C# باستخدام Unity.

📱 Mobile App Development
✨ اتعلّم: Swift لتطبيقات iOS
أو Dart مع Flutter لتطبيقات Android و iOS معاً.

🛡️ Cybersecurity
✨ اتعلّم: Python
للأدوات، السكربتات، وتحليل الثغرات.

🧑‍💻 DevOps / البنية التحتية
✨ اتعلّم: Bash + Python + YAML
لأتمتة العمليات ونشر التطبيقات.

🌐 Blockchain / Web3
✨ اتعلّم: Solidity + JavaScript
لبرمجة العقود الذكية والتطبيقات اللامركزية.

📶 Embedded Systems / IoT
✨ اتعلّم: C / C++ أو MicroPython
لبرمجة الأجهزة الصغيرة مثل الأردوينو وESP32.

🎨 UI/UX Design (تصميم واجهات)
✨ اتعلّم: Figma + HTML/CSS + JavaScript
لمن يريد بناء تجربة مستخدم تفاعلية وجذابة.

☁️ Cloud / Serverless Apps
✨ اتعلّم: Python أو JavaScript
مع أدوات مثل AWS Lambda وFirebase.

🔁 الخلاصة:
"الهدف يحدد اللغة، مش العكس!"
مافي لغة أفضل بشكل مطلق، كل لغة لها مجالها الذهبي.
ابدأ من اهتمامك، وركّز عليه! 👨‍💻

#لغات_البرمجة #مسارات_برمجية
#Frontend #Backend

@programming_360

🌟 🔰 أفضل 12 موقعًا لتعلّم وتطوير مهارات الواجهة الأمامية (Frontend)

سواء كنت مبتدئًا أو مطورًا محترفًا، هذه المواقع بتفتح لك آفاق الإبداع والاحتراف في HTML, CSS, JavaScript! ✨

🔹 1. Frontend Mentor 🧩
تدرب على مشاريع واقعية وجاهزة، استلم التصميمات وحولها إلى كود بنفسك.
🔗 frontendmentor.io

🔹 2. Codewell 🧩
يمنحك قوالب Figma حقيقية لتتدرب عليها، وتطور مهاراتك العملية في HTML و CSS.
🔗 codewell.cc

🔹 3. JavaScript30 🧭
30 مشروعًا عمليًا في 30 يومًا لتقوية مهاراتك في JavaScript من الصفر.
🔗 javascript30.com

🔹 4. FreeCodeCamp 🏆
مسارات متكاملة، شهادات معتمدة، وأكثر من 40K شخص وجدوا وظائف عبره.
🔗 freecodecamp.org/learn

🔹 5. CSS Battle 🎨
لعبة ممتعة لتكرار التصاميم باستخدام CSS بأقل كود ممكن، وتنافس مع مطورين من جميع أنحاء العالم!
🔗 cssbattle.dev

🔹 6. Codewars 🧩
تمارين تفاعلية بمستويات مختلفة لتحسين مهاراتك في JavaScript وأكثر من 50 لغة أخرى.
🔗 codewars.com

🔹 7. Coderbyte 🧩
اختبر مهاراتك بحلول وتمارين عملية تناسب كل المستويات، مثالية للاستعداد للمقابلات التقنية.
🔗 coderbyte.com

🔹 8. Frontend Practice 🧭
أعد إنشاء مواقع حقيقية من شركات فعلية، مثالية لتطبيق التصميمات بشكل عملي.
🔗 frontendpractice.com

🔹 9. CodePen Challenges 🎨
تحديات أسبوعية مبتكرة لصقل مهاراتك وتوسيع آفاقك الإبداعية في الواجهات الأمامية.
🔗 codepen.io/challenges

🔹 10. Dev Challenges 🧩
مشاريع حقيقية تدعم بناء ملفك الشخصي (Portfolio) وتعزز مهاراتك العملية.
🔗 devchallenges.io

🔹 11. CSS Tricks 🧭
كنز من المقالات والنصائح العملية حول CSS والواجهات الأمامية لتطوير مستواك.
🔗 css-tricks.com

🔹 12. Scrimba 🏆
تعلم بأسلوب تفاعلي وفريد: شغل الكود داخل الدرس مباشرة، مع كورسات مجانية ومدفوعة.
🔗 scrimba.com

✨ هذه المواقع مثل صندوق كنوز حقيقية... جربها، اكتشف شغفك، وخلِّك دايمًا مميز!


#Frontend  #HTML #CSS #JavaScript #واجهات_أمامية

@programming_360

🎯 كيف تستكشف أي مشروع برمجي (Codebase) قبل ما تبدأ تشتغل عليه؟
سواءً كنت انضمّيت لفريق جديد أو فتحت مشروع من GitHub لأول مرة، هذا هو السؤال اللي يراود أي مبرمج/ـة:
"من وين أبدأ؟"
📌 إليك الخطوات الذهبية لفهم أي codebase، خطوة بخطوة:

🔹 1️⃣ اقرأ ملف README
هو بوابتك الأولى لفهم المشروع:
يعطيك فكرة عن:
🔸 هدف المشروع
🔸 طريقة التشغيل
🔸 خطوات التثبيت

🔹 2️⃣ حدد نقطة البداية (Entry Point)
دور على مكان بداية التنفيذ:
🔸 هل في main()؟
🔸 أو ملف index.js؟
🔸 أو App.dart؟
هذه أول خيوط الفهم!

🔹 3️⃣ افهم هيكل المشروع
راجع تنظيم المجلدات والملفات:
🔸 هل المشروع يتبع MVC؟
🔸 أو Component-Based؟
🔸 هل الكود مفصول على شكل Modules؟

🔹 4️⃣ جرّب Use Case بسيط
مثلاً: سجّل دخول أو أضف عنصر بسيط، وتتبع حركة البيانات في الكود — خطوة ممتازة لفهم الـ flow.

🔹 5️⃣ استعمل أدواتك الذكية!
🛠️
🔸 Go to Definition
🔸 grep أو Ctrl+F
🔸 console.log()
🔸 نقاط التوقف Breakpoints
💡 رسم flowchart بسيط لما تفهمه خطوة ممتازة لتثبيت المعلومة.

🔹 6️⃣ افحص ملف الـ Dependencies
مثل package.json أو pubspec.yaml
↪ بيعطيك صورة عن:
🔸 الأدوات
🔸 المكتبات
🔸 الأطر (Frameworks) المستخدمة

🔹 7️⃣ اقرأ التوثيق الداخلي إن وُجد
📂 مجلد docs أو Wiki المشروع = كنز ثمين
↪ غالبًا فيه شرح للهندسة المعمارية للمشروع أو قواعد العمل.

🔹 8️⃣ طالع الـ Unit Tests
↪ شوف كيف تم اختبار الكود
↪ يساعدك تفهم سلوك الوظائف والمتغيرات

🔹 9️⃣ راقب كيف يعالج المشروع الأخطاء
↪ من خلال try/catch أو error boundaries، بتفهم كيف يتم التعامل مع المشكلات داخليًا.

🔹 🔟 راجع سجل Git Commits
🕵️‍♂️
↪ بيعطيك تاريخ تطوّر المشروع
↪ ممكن يساعدك تحدد متى أُضيفت ميزة أو تم تعديل جزء معين من الكود.

🎁 نصيحة ذهبية:
ما تحاولش تفهم كل المشروع من أول لحظة...
ابدأ من حالة استخدام حقيقية، وخلي فهمك يتوسّع منها.

#نصائح_برمجية #Codebase  

@programming_360

🎯 أدوات مهمة بتسهّل عليك استكشاف أي Codebase أو مشروع برمجي

🔍 1. Sourcegraph
ابحث داخل أي مستودع كود بسرعة، وشوف كل مكان تم استدعاء الفنكشن أو المتغير فيه!
🔗 https://sourcegraph.com/

🧠 2. CodeTour (VS Code Extension)
أداة رهيبة لعمل جولات تفاعلية داخل الكود، مفيدة لو بتشرح أو بتتعلم مشروع.
🔗 https://marketplace.visualstudio.com/items?itemName=vsls-contrib.codetour

🔧 3. GitLens (VS Code Extension)
شوف من كتب كل سطر، ومتى، وليه! بتفهم الـ context التاريخي للكود بسهولة.
🔗 https://gitlens.amod.io/

🛠 4. Sourcetrail
أداة رسومية قوية بتساعدك تتبع العلاقات بين الملفات والفئات والدوال في المشاريع الكبيرة.
🔗 https://github.com/CoatiSoftware/Sourcetrail

🌀 5. grep / ripgrep
أدوات سطر أوامر تبحث بسرعة في آلاف الملفات. مثالية لتتبع الكود في المشاريع الضخمة.
🔗 https://github.com/BurntSushi/ripgrep

📦 6. Dependency Cruiser
حلل العلاقات بين ملفات المشروع وشوف الـ dependencies في رسم بياني واضح.
🔗 https://github.com/sverweij/dependency-cruiser

🚀 خارطة طريق منظّمة لإتقان اختبار البرمجيات للمطورين
تائه في عالم الـ Testing؟ مش عارف تبدأ من وين أو كيف ترتّب تعلمك؟
جمعت لك خارطة طريق كاملة تساعدك تتعلّم مفاهيم الاختبار خطوة بخطوة، سواء كنت مبتدئ أو مطوّر حابب يسد فجوات في معرفته! ✅

🔍 على ايش تحتوي؟

✨ المفاهيم الأساسية للاختبار
🔸 White / Black / Gray Box Testing

✨ تصميم الاختبارات
🔸 Equivalence Partitioning، Boundary Value Analysis، وغيرها

✨ معايير التسمية Naming Conventions
🔸 خلي أسماء اختباراتك تعبر عن نيتها بوضوح

✨ أنماط كتابة الاختبارات
🔸 AAA – Arrange/Act/Assert
🔸 Four-Phase Test
🔸 BDD باستخدام Gherkin

✨ أنواع الاختبارات
🔸 Unit – Integration – E2E – Performance – Load

✨ أدوات وأطر العمل
🔸 xUnit، Playwright، K6، AutoFixture، والمزيد!

✨ أفضل الممارسات
🔸 كتابة كود نظيف في الاختبارات
🔸 اكتشاف الروائح السيئة في الاختبارات Test Smells
🔸 قياس التغطية Coverage بشكل فعّال

✨ تحليل ثابت للكود + تكامل مع CI/CD
🔸 عشان تضمن جودة الكود في كل خطوة

📌 مميزات الخريطة
🔸 قابلة للتقييم الذاتي – تابع تقدمك بسهولة
🔸 لا تعتمد على لغة معينة – أمثلة بـ .NET / JS / Python / PHP
🔸 تركيز عملي – من TDD/BDD إلى CI/CD

📎 رابط الخريطة على GitHub:
github.com/hasanxdev/Test-Roadmap-For-Developers

ابدأ اليوم، وخلِّي الاختبار مهارة أساسية في صندوق أدواتك كمطوّر! 💼💪

#Testing #SoftwareTesting #QA   #Roadmap

@programming_360