تطوير ويب

قم بزيارة موقع Node.js الرسمي وتحميل أحدث إصدار LTS. بعد التثبيت، افتح سطر الأوامر وتحقق من التثبيت بكتابة npm --version و node --version للتأكد من أن كلا البرنامجين مثبتان بشكل صحيح.

استخدم أداة Create React App بكتابة الأمر: npx create-react-app my-app في سطر الأوامر. اترك الأداة تكمل عملية التثبيت والإعداد التلقائي، والذي قد يستغرق عدة دقائق. بعد الانتهاء، انتقل إلى مجلد المشروع بكتابة cd my-app.

استكشف مجلدات المشروع: مجلد src يحتوي على كود React الرئيسي، مجلد public يحتوي على ملف index.html. افتح ملف App.js وهو يحتوي على المكون الرئيسي. لاحظ أن كل مكون هو دالة تعيد JSX (تمزيج HTML مع JavaScript).

اكتب الأمر npm start في سطر الأوامر من مجلد المشروع. سيفتح المتصفح تلقائياً على http://localhost:3000 ويعرض تطبيقك. أي تغيير تجريه على الملفات سيظهر فوراً في المتصفح بدون الحاجة لإعادة تشغيل اليدوي.

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

قم بتقليل حجم جميع الصور في موقعك باستخدام أدوات مثل TinyPNG أو ImageOptim. استخدم صيغ حديثة مثل WebP بدلاً من JPG و PNG العادية. تأكد من تحديد أبعاد الصور المناسبة لكل جهاز لتجنب تحميل صور بحجم أكبر من اللازم.

أضف رؤوس التخزين المؤقت (Cache Headers) في إعدادات خادمك أو ملف .htaccess. هذا يسمح للمتصفحات بحفظ الملفات الثابتة محلياً وتحميل الصفحات بسرعة أكبر للزيارات المتكررة. ستلاحظ تحسناً كبيراً لدى الزوار العائدين.

استخدم خدمة CDN مثل Cloudflare أو AWS CloudFront لتوزيع محتواك عبر خوادم عالمية. هذا يقلل المسافة بين الخادم والمستخدم ويسرّع تحميل الملفات الثابتة بشكل كبير. معظم خدمات CDN توفر نسخة مجانية كافية للمواقع الصغيرة.

توجه إلى الموقع الرسمي لـ XAMPP واختر النسخة المناسبة لنظام التشغيل لديك (Windows أو Mac أو Linux). انقر على رابط التحميل وانتظر انتهاء التحميل.

قم بتشغيل ملف التثبيت الذي حملته وتابع خطوات المثبت. اختر مجلد التثبيت (يفضل C:\xampp على Windows) وانتظر انتهاء عملية التثبيت.

بعد التثبيت، ابحث عن تطبيق XAMPP Control Panel وقم بتشغيله. ستظهر لك نافذة تحتوي على خيارات لتشغيل الخدمات المختلفة.

في لوحة التحكم، ابحث عن خدمة Apache وانقر على زر Start بجانبها. انتظر حتى يتحول لون الصف إلى أخضر، مما يشير إلى أن الخدمة تعمل.