The latest articles on DEV Community by Maysa (@maysa-dev). https://dev.to/maysa-dev https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4061983%2F6df40e8e-f189-4de0-aa02-3bbc7b2245c6.png https://dev.to/maysa-dev en Maysa Tue, 04 Aug 2026 08:21:56 +0000 https://dev.to/maysa-dev/m-hw-http-wlmdh-nhtjh-fy-l-backend-5ek5 https://dev.to/maysa-dev/m-hw-http-wlmdh-nhtjh-fy-l-backend-5ek5 <p>عندما بدأت أتعلم Backend كنت أسمع كثيرًا كلمات مثل:<br> HTTP - Request - Response - GET - POST</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Febupyy90lrmlb620jcw1.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Febupyy90lrmlb620jcw1.png" alt=" " width="800" height="533"></a></p> <p>وكنت أستخدمها في الكود، لكن لم أفهم فعلًا:<br> ما الذي يحدث خلف الكواليس؟</p> <p>لذلك حاولت أن أفهم الفكرة من البداية.</p> <h2> ما هو HTTP؟ </h2> <p>HTTP ليس خادمًا (Server)، بل هو بروتوكول، أي مجموعة من القواعد التي تسمح لطرفين بالتواصل مع بعضهما.</p> <p>مثل أي لغة نتفق عليها حتى نفهم بعضنا، الأجهزة أيضًا تحتاج إلى قواعد مشتركة للتواصل.</p> <p>في الويب لدينا غالبًا طرفان:</p> <p>👤 Client (مثل المتصفح أو تطبيق React)</p> <p>و</p> <p>🖥️ Server (مثل Backend مبني بـ Node.js و Express)</p> <p>والتواصل بينهما يتم باستخدام HTTP.</p> <p>كيف يعمل؟</p> <p>عندما أفتح صفحة المنتجات في متجر إلكتروني مثلًا:</p> <p>GET /products</p> <p>المتصفح يرسل طلبًا (Request) إلى السيرفر.</p> <p>السيرفر يستقبل الطلب، يعالج البيانات، ثم يرسل ردًا (Response).</p> <p>مثلاً:<br> <code>[ { "name": "Phone", "price": 500 } ]</code><br> وهكذا تظهر المنتجات في الواجهة.<br> يوجد ايضا قواعد ثابته لتفاهم بين طلب المستخدم و اليسرفر هم : <br> ما معنى GET و POST و PUT و DELETE؟</p> <p>هذه تسمى HTTP Methods، وهي تحدد نوع العملية التي نريد القيام بها.</p> <p>🔹 GET<br> لجلب البيانات:</p> <p>GET /products</p> <p>أريد رؤية المنتجات.</p> <p>🔹 POST<br> لإنشاء بيانات جديدة:</p> <p>POST /products</p> <p>أريد إضافة منتج جديد.</p> <p>🔹 PUT<br> لتعديل بيانات موجودة.</p> <p>🔹 DELETE<br> لحذف بيانات.</p> <h3> أين يوجد HTTP؟ </h3> <p>HTTP ليس برنامجًا مثبتًا على الحاسوب، بل هو قواعد متفق عليها بين البرامج.</p> <p>مثل قواعد المرور: ليست موجودة داخل السيارة، لكنها تحدد كيف تسير السيارات معًا.</p> <p>نفس الشيء:<br> المتصفح والسيرفر يطبقان قواعد HTTP لكي يفهما بعضهما.<br> مثال في باك انك :<br> علاقته بـ Node.js و Express</p> <p>Node.js سمحت لنا بتشغيل JavaScript خارج المتصفح وبناء Backend.</p> <p>أما Express فهو يسهل علينا التعامل مع طلبات HTTP وإنشاء Routes بسهولة.</p> <p>مثال:</p> <p><code>app.get("/products", (req, res) =&gt; { res.send("Products"); }</code><br> هنا نقول لـ Express:<br> عندما يصل طلب HTTP من نوع GET إلى /products أرسل هذا الرد.</p> <h2> في النهاية: </h2> <p>HTTP = القواعد التي تنظم التواصل<br> Request = الطلب من العميل للسيرفر<br> Response = الرد من السيرفر للعميل<br> Node.js = تشغيل JavaScript خارج المتصفح<br> Express = تسهيل بناء السيرفر والتعامل مع HTTP</p> <p>فهم هذه الأساسيات يجعل كتابة الكود لها معنى بدل أن تكون مجرد حفظ.</p> http webdev node backend