# Zeyad Shalaby

> مطور برمجيات


## Posts

- [:has() في CSS: سبع استخدامات بتشيل جافاسكريبت من موقعك | :has() in CSS: seven uses that remove JavaScript from your site](https://zeyadshalaby.com/css-has-selector/): الـ selector اللي بيخليك تنسق الأب حسب اللي جواه، بأمثلة حقيقية للفورمات والكروت والقوايم. | The selector that styles a parent by what it contains, with real examples for forms, cards and menus.
- [Container Queries: الكارت اللي بيتظبط حسب مكانه مش حسب الشاشة | Container queries: a card that adapts to its place, not the screen](https://zeyadshalaby.com/css-container-queries/): ليه media queries مش كفاية للمكونات، وإزاي تكتب @container صح، ووحدات cqi، وأخطاء أول مرة. | Why media queries fall short for components, how to write @container properly, cqi units, and first-time mistakes.
- [Scroll-driven animations في CSS: حركة مع السكرول من غير جافاسكريبت | CSS scroll-driven animations: scroll motion without JavaScript](https://zeyadshalaby.com/css-scroll-driven-animations/): شرح animation-timeline و scroll() و view() بأمثلة تنسخها، وإمتى تكفيك وإمتى لسه محتاج GSAP ScrollTrigger. | animation-timeline, scroll() and view() with examples to copy, and when they are enough versus when you still need GSAP ScrollTrigger.
- [Claude Code للمبتدئين: إزاي تشتغل بوكيل برمجة من غير ما تبوظ مشروعك | Claude Code for beginners: working with a coding agent without wrecking your project](https://zeyadshalaby.com/claude-code-beginners/): التثبيت، ملف CLAUDE.md، وضع الخطة، الصلاحيات، وعادات يومية بتخلي الأداة تطلع شغل يتسلم. | Setup, the CLAUDE.md file, plan mode, permissions, and daily habits that make the tool produce work you can ship.
- [Prompt Injection: الثغرة اللي لازم تفهمها قبل ما تبني بالذكاء الاصطناعي | Prompt injection: the flaw to understand before building with AI](https://zeyadshalaby.com/prompt-injection-explained/): إزاي نص في صفحة أو إيميل يقدر يخلي المساعد الذكي يشتغل ضدك، وليه مفيش حل نهائي، وإزاي تبني حواليها. | How text in a page or an email can turn an AI assistant against you, why there is no final fix, and how to build around it.
- [RAG: إزاي تخلي الذكاء الاصطناعي يجاوب من بياناتك | RAG: making an AI answer from your own data](https://zeyadshalaby.com/rag-explained/): شرح RAG من غير تعقيد: التقطيع، الـ embeddings، البحث، وبناء الإجابة، وإمتى مش محتاجه أصلا. | RAG without the jargon: chunking, embeddings, retrieval and answering, and when you do not need it at all.
- [AI Agents: إيه هي وبتشتغل إزاي من جوه | AI agents: what they are and how they work inside](https://zeyadshalaby.com/ai-agents-explained/): الفرق بين شات بوت بيرد ووكيل بينفذ، الحلقة اللي كل الوكلاء ماشيين عليها، وإمتى تستخدمهم وإمتى لأ. | The difference between a chatbot that answers and an agent that acts, the loop every agent runs on, and when to use one.
- [كتابة Prompt للكود: إزاي تطلب من الذكاء الاصطناعي صح | Writing prompts for code: how to ask an AI properly](https://zeyadshalaby.com/prompt-engineering-for-code/): سبع عادات بتفرق بين كود يتسلم وكود يترمي، مع قالب جاهز وأمثلة قبل وبعد. | Seven habits that separate code you ship from code you throw away, with a ready template and before/after examples.
- [MCP: إيه هو وليه كل أدوات الذكاء الاصطناعي بتدعمه | MCP: what it is and why every AI tool supports it](https://zeyadshalaby.com/what-is-mcp/): بروتوكول واحد بيخلي المساعد الذكي يوصل لملفاتك وأدواتك وقواعد بياناتك. شرح بسيط ومثال وتحذيرات الأمان. | One protocol that lets an AI assistant reach your files, tools and databases. A plain explanation, an example and the security warnings.
- [Vibe coding: إيه هو وإمتى تعتمد عليه | Vibe coding: what it is and when to trust it](https://zeyadshalaby.com/vibe-coding-explained/): يعني إيه تبني برنامج بالكلام مع الذكاء الاصطناعي، وفين الطريقة دي بتنفع وفين بتوقعك. | What it means to build software by talking to an AI, where it works and where it bites.
- [هل الذكاء الاصطناعي هياخد شغل المبرمجين؟ | Will AI take programmers' jobs?](https://zeyadshalaby.com/will-ai-replace-programmers/): إيه اللي اتغير فعلا في شغل المبرمج، إيه اللي الأدوات لسه مش بتعمله، والمهارات اللي قيمتها بتزيد. | What has really changed in a programmer's work, what the tools still cannot do, and the skills that are gaining value.
- [View Transitions API: تبديل الوضع الليلي بدايرة بتكبر | View Transitions API: a dark mode switch that grows as a circle](https://zeyadshalaby.com/view-transitions-theme-toggle/): الكود اللي بيخلي الوضع الليلي في الموقع ده يفتح كدايرة من مكان الضغطة، سطر سطر، من غير أي مكتبة. | The code that makes this site's dark mode open as a circle from the click point, line by line, with no library.
- [تعلم برمجة المواقع من الصفر: الخريطة اللي تمشي عليها | Learn web development from zero: the roadmap to follow](https://zeyadshalaby.com/learn-web-development-roadmap/): إيه اللي تتعلمه وبأنهي ترتيب، وإيه اللي تأجله، وإمتى تقول إنك جاهز للشغل. | What to learn and in what order, what to postpone, and when you can call yourself ready for work.
- [حركة تخدم الموقع مش تبوظه: قواعدي مع GSAP | Motion that helps, not hurts: my GSAP rules](https://zeyadshalaby.com/gsap-motion-rules/): ست قواعد بمشي عليها في أي حركة: المحتوى يظهر دايما، السكرول هو اللي يسوق، والصورة ما تتشوهش. | Six rules for every animation: content always shows, scroll drives, and the portrait is never distorted.
- [إزاي عملت فورم تواصل الناس بتكمله للآخر | How I built a contact form people actually finish](https://zeyadshalaby.com/three-step-contact-form/): تلات خطوات، كلها اختيارات، وخانة الكتابة آخر حاجة. كل قرار في فورم zeyad.email وليه اتاخد. | Three steps, all choices, typing comes last. Every decision behind the zeyad.email form and why.

## Pages

- [لوحة حسابي](https://zeyadshalaby.com/my-account/)
- [إتمام الطلب](https://zeyadshalaby.com/checkout-2/)
- [سلة المشتريات](https://zeyadshalaby.com/cart-2/)
- [المتجر](https://zeyadshalaby.com/shop/)
- [Checkout](https://zeyadshalaby.com/checkout/)
- [Cart](https://zeyadshalaby.com/cart/)
- [تسجيل المدرب](https://zeyadshalaby.com/%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%a7%d9%84%d9%85%d8%af%d8%b1%d8%a8/)
- [تسجيل الطالب](https://zeyadshalaby.com/%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%a7%d9%84%d8%b7%d8%a7%d9%84%d8%a8/)
- [لوحة التحكم](https://zeyadshalaby.com/%d9%84%d9%88%d8%ad%d8%a9-%d8%a7%d9%84%d8%aa%d8%ad%d9%83%d9%85/)
- [Portfolio احترافي باسمك | Your Portfolio Website](https://zeyadshalaby.com/portfolio-service/)
- [كود التأكيد | Verification Code](https://zeyadshalaby.com/verify/)
- [نسيت كلمة السر | Forgot Password](https://zeyadshalaby.com/forgot-password/)
- [حساب جديد | Create Account](https://zeyadshalaby.com/register/)
- [تسجيل الدخول | Sign In](https://zeyadshalaby.com/login/)
- [شروط تقديم الخدمات | Service Terms](https://zeyadshalaby.com/service-terms/): هذه الشروط تحكم أي خدمة ينفذها زياد شلبي («المنفِّذ») لك («العميل»): مواقع ويب، تطبيقات، تصميم واجهات، حلول ذكاء اصطناعي، أو استشارات.
- [شروط شراء الكورسات | Course Terms](https://zeyadshalaby.com/course-terms/): هذه الشروط تنظم شراءك واستخدامك لأي كورس أو محتوى تعليمي رقمي يقدمه زياد شلبي عبر موقع zeyadshalaby.com.
- [سياسة الدفع والتسليم | Payment & Delivery Policy](https://zeyadshalaby.com/payment-delivery/): توضح هذه الصفحة كيف تدفع مقابل خدمات وكورسات زياد شلبي على موقع zeyadshalaby.com، وكيف ومتى تستلم ما اشتريته.
- [سياسة الاسترجاع والإلغاء | Refund & Cancellation Policy](https://zeyadshalaby.com/refund-policy/): نريدك أن تشتري وأنت مطمئن. هذه السياسة توضح متى يمكنك استرجاع ما دفعته لـزياد شلبي عبر موقع zeyadshalaby.com، ومتى لا يمكن، وكيف تطلب ذلك.
- [الشروط والأحكام | Terms & Conditions](https://zeyadshalaby.com/terms/): هذه الشروط تحكم استخدامك لموقع zeyadshalaby.com («الموقع») المملوك لـزياد شلبي («نحن»). بدخولك الموقع أو شرائك منه أو طلبك لأي خدمة فأنت توافق عليها.
- [سياسة الخصوصية | Privacy Policy](https://zeyadshalaby.com/privacy-policy/): تشرح هذه السياسة ما هي البيانات التي يجمعها موقع zeyadshalaby.com («الموقع») المملوك لـزياد شلبي («نحن»)، ولماذا نجمعها، ومع من نشاركها، وما هي حقوقك عليها.
- [Portfolio احترافي باسمك | Your Portfolio Website](https://zeyadshalaby.com/portfolio-service/)
- [المدونة | Blog](https://zeyadshalaby.com/blog/)
- [تواصل | Contact](https://zeyadshalaby.com/contact/)
- [حولي | About](https://zeyadshalaby.com/about/)
- [كود التأكيد | Verification Code](https://zeyadshalaby.com/verify/)
- [نسيت كلمة السر | Forgot Password](https://zeyadshalaby.com/forgot-password/)
- [حساب جديد | Create Account](https://zeyadshalaby.com/register/)
- [تسجيل الدخول | Sign In](https://zeyadshalaby.com/login/)
- [تسجيل مدرب | Instructor Registration](https://zeyadshalaby.com/instructor-registration/)
- [تسجيل حساب طالب | Student Registration](https://zeyadshalaby.com/student-registration/)
- [لوحتي | Dashboard](https://zeyadshalaby.com/dashboard/)

## Products

- [شيسيشسي](https://zeyadshalaby.com/product/%d8%b4%d9%8a%d8%b3%d9%8a%d8%b4%d8%b3%d9%8a/)


[comment]: # (Generated by Hostinger Tools Plugin)