Roadmap To Learn Generative AI 🚀

1. Python Programming Language -1 Month
2. Basic Machine Learning Natural Language Processing
3. Basic Deep Learning Concepts
4. Advanced NLP Concepts
5. Starting the Journey Towards Generative AI (GPT4,Mistral 7B, LLAMA, Hugging Face Open Source LLM Models,Google Palm Model)
6. Vector Databases And Vector Stores
7. Deployment Of LLM Projects

https://github.com/krishnaik06/Roadmap-To-Learn-Generative-AI-In-2024

ليه تكتب نفس الكود مرتين وتوجع دماغك؟ 🤔
.
.
فاكر آخر مرة كنت بتعمل فيها Copy-Paste في الكود بتاعك؟ غالبًا كنت مستعجل وعايز تخلص بسرعة، بس اللي حصل بعدها؟ اكتشفت إن فيه Bug في الكود، وبدل ما تصلحه في مكان واحد، لقيت نفسك بتدور عليه في كذا مكان عشان تعدله! 🤦‍♂️

هنا بقى بييجي دور مبدأ DRY – Don’t Repeat Yourself، واللي ببساطة معناه "اكتب الكود مرة واحدة وخليه قابل لإعادة الاستخدام بدل ما تكرره في كل حتة".

———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_devabrguide-softwaredevelopment-dry-activity-7310021758386954241-TTQ1

📍 Qabilah

https://qabilah.com/posts/OoYj4HCbkxM

———

متنساش تشارك البوست وتفيد غيرك. 💡

الفرق بين الـ Frontend والـ Backend 💡

تخيل إنك داخل مطعم، أول حاجة بتشوفها هي الديكور، الإضاءة، شكل الترابيزات، المنيو اللي بتختار منه، والشخض اللي بياخد الأوردر منك.. كل ده بيمثل الـ Frontend...

لكن الأكل مش بيطلع لوحده، ورا الكواليس فيه مطبخ شغال، فيه طباخين بيحضروا الأكل، فيه ناس بترتب الطلبات، وفيه كاشير بيحسب الفاتورة.. كل ده بيمثل الـ Backend...

———

🖥 يعني إيه Frontend؟

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


🔹 أشهر التقنيات اللي بيستخدمها الـ Frontend:

- الـ HTML (هيكل الصفحة)
- الـ CSS (التصميم والألوان)
- الـ JavaScript (التفاعل مع محتوى الموقع)
- مكتبات وأُطر عمل زي React, Angular, Vue عشان تسهل الشغل.

———

🔧 يعني إيه Backend؟

هو الجزء اللي بيشتغل ورا الكواليس وبيتأكد إن كل حاجة شغالة تمام، هو المسؤول عن التخزين، الأمان، معالجة البيانات، والاستجابة لطلبات المستخدم. يعني لو دخلت على موقع عشان تسجل دخول، الـ Backend هو اللي بيتحقق من بياناتك ويرد عليك إذا كانت صح ولا غلط.


🔹 أشهر التقنيات اللي بيستخدمها الـ Backend:

- لغات برمجة زي Node.js, Python, Java, PHP, Ruby
- قواعد بيانات زي MySQL, MongoDB, PostgreSQL
- تقنيات زي REST APIs, GraphQL, Authentication

———

🔄 إزاي Frontend و Backend بيشتغلوا مع بعض؟

لما تدخل على موقع، الـ Frontend بيعرضلك صفحة تسجيل الدخول، ولما تكتب بياناتك وتضغط "تسجيل"، الموقع بيبعت البيانات للـ Backend اللي بدوره بيتأكد منها في قاعدة البيانات ويرد عليك. لو البيانات صح، هيدخلك، ولو غلط، هيقولك إن فيه مشكلة.

———

#دقيقة_برمجة

يعني إيه API؟ 🤖

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

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

———

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

———

إزاي الـ API بيشتغل؟ 🤔

العملية بتتم في 4 خطوات رئيسية:

1️⃣ الطلب (Request): التطبيق بتاعك بيبعت طلب للـ API، بيكون فيه المعلومات اللي عاوزها. الطلب ده غالبًا بيكون باستخدام HTTP Requests زي (GET, POST, PUT, DELETE).

2️⃣ المعالجة (Processing): السيرفر اللي بيشغل الـ API بيستقبل الطلب، يفهمه، ويبدأ يجمع البيانات المطلوبة.

3️⃣ الاستجابة (Response): السيرفر بيرجع البيانات المطلوبة، وغالبًا بتكون بصيغة JSON أو XML.

4️⃣ العرض (Rendering): التطبيق بتاعك بياخد البيانات اللي وصلت له، ويعرضها للمستخدم بشكل مناسب.

———

📌 مثال عملي

لو فتحت تطبيق الطقس على موبايلك، التطبيق بيبعت طلب للـ API بتاع خدمة الطقس (مثلًا OpenWeather API)، بيقول له: "هات درجة الحرارة في القاهرة"

الـ API بيروح للسيرفر، يسحب البيانات، ويرجع لك النتيجة: "درجة الحرارة في القاهرة الآن 25"

———

💡 إيه أنواع الـ API؟

- الـ REST API – الأشهر، بيستخدم HTTP، وبيتعامل غالبًا مع بيانات JSON.
- الـ SOAP API – أقدم شوية، بيعتمد على XML، وغالبًا بيستخدم في الأنظمة البنكية.
- الـ GraphQL API – أحدث وأكثر مرونة، بيسمح لك تطلب البيانات اللي أنت محتاجها بس، بدون تحميل بيانات زيادة.
- الـ WebSockets API – بيستخدم في التطبيقات اللي محتاجة تحديثات في الوقت الفعلي (real-time) زي الشات والألعاب الأونلاين.

———

أمثلة على الـ API في الحياة اليومية 🌍

- لما تطلب أوبر، التطبيق بيتواصل مع Google Maps API عشان يحدد موقعك.
- لما تدفع أونلاين، الموقع بيتواصل مع Payment Gateway API زي PayPal أو Stripe عشان يتم الدفع.
- لما تستخدم موقع زي تويتر، التطبيق بيستخدم Twitter API عشان يجيب لك آخر التغريدات.

———

#دقيقة_برمجة

🔰 CSS: How to Truncate text

Old but useful