خارطة تعلم الكلاود والديف أوبس - أحمد متولي | بودكاست كلام في البرمجة

DevOps Roadmap ☁️

https://youtu.be/ewAOHCoIN9I

Writing Clean, Secure Node.js APIs – A Checklist You’ll Actually Use ✅

If you’re building APIs with Node.js, you’re not just writing code — you’re shaping the backbone of apps that people trust with their data, their businesses, and sometimes their lives.

We’ve all been there — quick fixes, rushed deadlines, and messy endpoints that haunt us later.

Here’s your essential checklist for writing clean, secure Node.js APIs — the one you’ll want to print out, save, and stick on your second monitor.

———

https://dev.to/alisamir/writing-clean-secure-nodejs-apis-a-checklist-youll-actually-use-3loc

🎯 الفرق بين الـ Client-side Validation والـ Server-side Validation
.
.
أول حاجة تعال نتفق إن الـ "Validation" يعني التحقق من صحة البيانات اللي المستخدم بيدخلها، زي مثلًا لما تيجي تسجل في موقع وتدخل الإيميل والباسورد، لازم الموقع يتأكد إن البيانات دي صح ومظبوطة قبل ما يحفظها أو يتعامل معاها.

التحقق ده ممكن يحصل في مكانين:

———

🔹 الـ Client-side Validation (التحقق في المتصفح):

- يعني التحقق بيحصل قبل ما البيانات تروح للسيرفر.
- الكود اللي بيعمل التحقق ده بيكون شغال عند المستخدم نفسه، غالبًا باستخدام JavaScript أو HTML5 Validation.

مثلًا لو أنت بتدخل بياناتك في فورم تسجيل، والمتصفح طلع لك رسالة بتقولك "الإيميل مش مكتوب بطريقة صحيحة" أو "الباسورد قصير"، قبل حتى ما تضغط على Submit... ده كده Client-side Validation.

ولكن النوع ده مش آمن بنسبة ١٠٠٪، ومينفعش نعتمد عليه لوحده.

———

🔹 الـ Server-side Validation (التحقق عند السيرفر):

- هنا التحقق بيحصل بعد ما البيانات تتبعت للسيرفر.
- السيرفر هو اللي بيتأكد بنفسه من كل حاجة: الإيميل صح؟ الباسورد قوي؟ وهكذا.

بغض النظر المستخدم عمل إيه على جهازه، السيرفر بيستلم الداتا ويتأكد منها بنفسه.

النوع ده ممكن يحميك من هجمات زي SQL Injection وغيرها، ولكن ده بيزود الحمل على السيرفر.

———

✅ إيه الصح؟

الصح والمُتبع في أي مشروع محترم إنك تستخدم النوعين مع بعض:

- تعمل Client-side Validation عشان تحسن تجربة المستخدم وتظهر له Feedback سريع.
- وتعمل كمان Server-side Validation عشان تأمن نفسك وتحافظ على السيرفر والداتا بتاعتك.

———

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

يعني إيه Agile؟ 📈
.
.
الـ Agile ببساطة هو طريقة تفكير وإدارة لمشاريع البرمجة (أو أي مشاريع تانية) هدفها الأساسي إنك تطور المنتج بشكل سريع ومرن، وتعدل عليه بسهولة حسب احتياجات العميل أو السوق.

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

لكن الـ Agile قالك: بدل ما نعمل كل ده مرة واحدة ونخاطر، نشتغل بطريقة تانية:

- نقسم المشروع لأجزاء صغيرة اسمها Sprints (مدة الـ Sprint بتكون غالبًا من أسبوعين لشهر).
- في كل Sprint، نخلص جزء صغير شغال فعليًا من المشروع (ممكن صفحة، ميزة، أو وظيفة معينة).
- كل Sprint بيخلص، بنعرض اللي عملناه على العميل أو التيم، ونشوف رأيهم.
- بناءً على الفيدباك ده، نعدّل ونكمل Sprint جديد.

بدل ما نشتغل شهور وبعدين نكتشف إن العميل عايز حاجة تانية أو السوق اتغير.

———

📌 طيب ليه الـ Agile مهم؟

- بيخليك تتعامل مع التغييرات اللي بتحصل في المشروع بسهولة وبشكل مرن.
- بيقلل احتمالية إن المشروع كله يفشل.
- بيخلي العميل شايف كل حاجة شغالة خطوة بخطوة.

———

💯 أشهر الطرق اللي بتطبق الـ Agile:

- الـ Scrum: ودي عبارة عن طريقة منظمة أكتر فيها أدوار زي Scrum Master و Product Owner.
- الـ Kanban: ودي نظام بيعتمد على بورد فيه مهام تتحرك ما بين To do → Doing → Done.

———

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

مسار تعلم Spring Boot لعام 2025 🔥

Spring Boot Roadmap 2025: The Complete Guide for Backend Developers 🚀

Learn how to master Spring Boot in 2025 with this complete roadmap covering Java fundamentals, REST APIs, Spring Security, Data Access, and more.

https://www.amigoscode.com/blogs/spring-boot-roadmap-2025

الـ HTTPS Certificate 💯
.
.
قبل ما ندخل في التفاصيل، تعال نعرف يعني إيه HTTPS؟

الـ HTTPS دي اختصار لـ HyperText Transfer Protocol Secure، وده البروتوكول اللي بيخلي التصفح بينك وبين الموقع "مُشَفَّر" وآمن 🔐.

———

في الطبيعي، لما بتدخل على موقع، بتبعت وتستقبل بيانات بين جهازك وبين السيرفر بتاع الموقع ده. لو الموقع شغّال بـ HTTP العادي، أي حد قاعد في النص – زي Wi-Fi غير آمن أو هاكر – ممكن يتجسس على البيانات اللي رايحة جاية، زي كلمات المرور، الإيميلات، أو حتى رقم الكريدت كارد بتاعك.

لكن لما الموقع يبقى شغّال بـ HTTPS، البيانات اللي رايحة جاية بتكون مشفرة، ومفيش حد يقدر يفهمها حتى لو قدر يشوفها.

———

📌 إزاي ده بيحصل؟

هنا بقى بييجي دور HTTPS Certificate، أو زي ما بنسميه SSL Certificate (مع إن الاسم الأدق دلوقتي TLS Certificate بس مش مشكلة).

الـ Certificate ده عبارة عن ملف إلكتروني بيكون متسجل فيه شوية معلومات عن الموقع:

- اسم الموقع (الدومين)
- الشركة أو الجهة اللي عندها الموقع
- توقيع من جهة اسمها Certificate Authority (CA)، ودي جهة موثوقة بتقولك "إن الموقع ده حقيقي وموثوق".

يعني تقدر تعتبر الـ HTTPS Certificate هي بطاقة التعريف والضمان للموقع.

———

لما تدخل على موقع بيستخدم HTTPS، المتصفح بيروح يسأل:

"هل أنت معاك شهادة موثوقة تثبت إنك الموقع الصح؟"

لو الإجابة نعم، المتصفح بيكمّل الاتصال ويبدأ التشفير.

ولو الموقع مفيهوش شهادة أو الشهادة منتهية؟

المتصفح هيطلع لك رسالة تحذير تقولك:

"الموقع ده مش آمن، أنت متأكد إنك عاوز تكمل؟"

———

الـ HTTPS Certificate هي اللي بتأمن الاتصال بينك وبين أي موقع، بتحمي بياناتك من السرقة، وبتطمن المتصفح إن الموقع موثوق.

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

Understanding Observer Pattern in React: A Complete Guide 💯

If you've been building React applications for a while, you've likely encountered moments where components need to stay in sync — like when a sidebar needs to update when a user changes a setting in the main content area.

This is where the Observer Pattern can shine. In this guide, we'll break down what the Observer Pattern is, how it works, and how to implement it in React with TypeScript.

———

https://dev.to/alisamir/understanding-observer-pattern-in-react-a-complete-guide-omf

🔰 HTML File Paths Explanation

مليون خبير لأوامر الذكاء الاصطناعي

كن أحد الخبراء في هندسة الأوامر

https://dub.ai/en/omp

أفضل (4) ساعات نُشرت حديثًا لتعلم بناء وبيع وكلاء الذكاء الإصطناعي للمبتدئين 🚀

يتناول الفيديو الركائز الأساسية لبناء وكيل ذكي قادر على التفاعل والتعلّم:

✴️ النماذج اللغوية الكبيرة LLMs (العقل المحرك وراء كل وكيل ذكي.)
✴️ التوجيهات الذكية Prompts (صياغة الأوامر لبناء سلوكيات تفاعلية.)
✴️ الذاكرة (تمكين الوكلاء من تذكّر التفاعلات السابقة وتحسين الأداء.)
✴️ المعرفة الخارجية (دمج مصادر معلومات خارجية عبر الإنترنت لتوسيع الفهم.)
✴️ الأدوات والتكاملات APIs (ربط الوكلاء بخدمات وأدوات خارجية لتحسين قدراتهم.)

كما يستعرض الفيديو مجموعة من المنصات الـ (No-Code) التي تساعدك على بناء وكيلك وبيعه بسهولة:

✴️ Relevance AI
✴️ N8N
✴️ Voiceflow

———

📌 رابط الفيديو

https://youtu.be/w0H1-b044KY

Building AI Browser Agents 🚀

What you'll learn:

- Learn the fundamentals of autonomous web agents, what they are, how they work, their limitations, and the decision-making strategies taken to optimize their performance.

- Build autonomous web agents that can perform tasks such as finding, scraping, and summarizing a webpage, filling out forms, and signing up for newsletters.

- Explore the AgentQ framework, which uses a combination of Monte Carlo Tree Search (MCTS), self-critique mechanism, and Direct Preference Optimization (DPO) to teach agents to self-correct.

———

https://www.deeplearning.ai/short-courses/building-ai-browser-agents

إزاي أداء الموقع بيأثر على الـ SEO؟ 🤔
.
.
تخيل إنك دخلت على موقع علشان تدور على معلومة أو تشتري منتج أو تشوف شغل حد… ولقيت الموقع بيحمل ببطء… ثانية ورا التانية ولسه الصفحة مظهرتش!

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

———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_webperformance-webdevelopment-seo-activity-7324743503513579529-SCFP

📍 Qabilah:

https://qabilah.com/posts/obgo7UnCKfY