,

تعلم إكسبرس باك إند في 30 دقيقة: دليل مبسط للمبتدئين (باللغة العربية) | Learn Express.js Backend in 30 mins: A Beginner’s Easy Guide (Arabic)

Posted by



في هذا العصر الحديث، أصبح التكنولوجيا جزءًا لا يتجزأ من حياتنا اليومية. ومع تزايد الطلب على تطبيقات ومواقع الويب المتقدمة، أصبحت المعرفة بتطوير واجهات البرمجة التطبيقية (API) أحد العناصر الرئيسية لنجاح أي مطور.

ومن أشهر إطارات العمل الخاصة بتطوير واجهات البرمجة التطبيقية هو إكسبرس باك إند (Express.js Backend). يعتبر إكسبرس باك إند واحدًا من أكثر الإطارات شعبية لتطوير تطبيقات الويب بلغة جافاسكريبت. إنه سهل الاستخدام ويوفر مجموعة كبيرة من الميزات التي يمكن للمطور الاستفادة منها.

في هذم المقال، سنقدم لك دليلًا للمبتدئين لإنشاء تطبيق إكسبرس باك إند في 30 دقيقة فقط. ستتعلم في هذا الدليل المفاهيم الأساسية لإكسبرس باك إند وكيفية بناء نظام موجه بسيط لتطبيقات الويب.

أولًا، ستحتاج إلى التأكد من تثبيت Node.js و npm على جهاز الكمبيوتر الخاص بك. يمكنك تنزيلهما من الموقع الرسمي لنود جي اس. بمجرد الانتهاء من التثبيت، يجب عليك فتح محرر النصوص المفضل لديك للبدء في كتابة الكود.

ثم، ستحتاج إلى إنشاء مجلد جديد وتثبيت إكسبرس فيه باستخدام الأمر `npm install express`. بعد ذلك، قم بإنشاء ملف جديد بالاسم server.js واكتب الكود التالي فيه:

“`javascript
const express = require(‘express’);
const app = express();

app.get(‘/’, (req, res) => {
res.send(‘مرحبًا بك في تطبيق إكسبرس!’);
});

app.listen(3000, () => {
console.log(‘تم تشغيل السيرفر على المنفذ 3000!’);
});
“`

في هذا المثال البسيط، قمنا بتعريف متغير express وننشئ تطبيق إكسبرس جديد. ثم، قمنا بتعيين مسار GET رئيسي يستجيب برسالة نصية “مرحبًا بك في تطبيق إكسبرس!”. عند تشغيل السيرفر، ستشاهد رسالة “تم تشغيل السيرفر على المنفذ 3000!” في وحدة التحكم.

وعندما تقوم بتشغيل السيرفر وتفتح متصفح الويب وتنقل إلى `http://localhost:3000`، يجب عليك رؤية رسالة “مرحبًا بك في تطبيق إكسبرس!” في صفحة الويب الخاصة بك.

بهذا الشكل، تم إنشاء تطبيق إكسبرس باك إند بسيط في غضون 30 دقيقة فقط! طبعاً، هذا مثال بسيط لتوضيح المفهوم الأساسي، وإكسبرس يقدم العديد من المزايا الأخرى التي يمكنك استكشافها.

باستخدام إكسبرس، يمكنك بناء تطبيقات الويب المعقدة وإنشاء الواجهات البرمجية التطبيقية بسهولة. إنه إطار عمل ممتاز للمطورين المبتدئين الذين يرغبون في توسيع مهاراتهم والبدء في تطوير تطبيقات الويب.

في النهاية، إذا كنت مهتمًا بتعلم المزيد عن إكسبرس باك إند، ينصح بالاطلاع على المصادر المعلوماتية الإضافية والمشاريع التعليمية عبر الإنترنت التي تقدم دروسًا تفصيلية للمبتدئين. ستلاحظ أنه يمكنك أن تصبح مطورًا إحترافيًا في وقت قصير للغاية بفضل إكسبرس باك إند والأدوات المرافقة له.

0 0 votes
Article Rating
20 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Nouran Amer
8 months ago

تحفة!

TK OT7
8 months ago

16:00 (done)

Osama Othman
8 months ago

مشكور يا هندسة على الشرح الجميل والبسيط والمبسط بجد من افضل المطوريبن كل الاحترام ألك من فلسطين

Ziiad A.
8 months ago

الشعب يطالب بالمزيد من العظمه دي حرفياااااا ❤❤❤❤

Karim Yasser
8 months ago

والله ماعارف اقلك ايه انت راجل عالمي…. انا كنت متسوح

ALDA7E7
8 months ago

والله في وقتها صراحة 😍🔥

hji hji
8 months ago

هوا انا بعد ما اخلص اساسيات js على node js عندك
اخش هنا على طول ؟

EKS 01
8 months ago

You are the best teacher for me you have incredible skills ❤️❤️

برمج موقعك
8 months ago

تحية لي يا حبيبي 🇩🇿

Hassan Ali Salama
8 months ago

عايزين فيديو لو سمحت بيتكلم عن الفرق بين قسم cs و قسم Ai في كلية حاسبات ذكاء إصطناعي و أيهما أفضل من حيث فرص العمل

Simple girl
8 months ago

السلام عليكم .. بنتي تدرس علوم الكمبيوتر في جامعة خارجيه ومحتاجه مدرس تخصص اكود يتحدث الانجليزيه ممكن احد يساعدني ؟

عمرو عبد الحميد
8 months ago

جزاك الله خيرا

RED_X
8 months ago

بتمني من حضرتك عمل فيديو يربط بين next js و express js

Abdo Saber
8 months ago

وشرحك احسن من معيدين في كليه عندنا والله

Abdo Saber
8 months ago

دراسه هتبدا.. ياريت تنزل بشرح كورسين advanced لتالته ورابعه حاسبات. ع سبيل مثال. كورس algorithm analysis and design.. او كورس داتا استركتشر. او علي حسب مواد اكثر اهميه في حاسبات

منوعات
8 months ago

جزالك الله الف خير يامهندس وزاد من امثالك

Moody
8 months ago

متشكرين يابش مهندس وياريت لوتعمل شرح ملخص للMongodb

Najeeb
8 months ago

بستفيد من فيديوهاتك يوماً بعد يوم

George Nagy
8 months ago

ليه مستخدمتش Curl واستخدمت postman.

George Nagy
8 months ago

رائع