🎓 ما ستتعلمه في هذا التدريب
هذا التدريب التفاعلي سيساعدك على إتقان أساسيات JavaScript من خلال:
- ✅ 33 سؤالاً تفاعلياً يغطي جميع المفاهيم الأساسية
- ✅ شرح مفصل لكل إجابة صحيحة وخاطئة مع أمثلة عملية
- ✅ فهم الفروق بين Java و JavaScript وعلاقتهما
- ✅ التعرف على أدوات مثل Babel للتوافق مع المتصفحات القديمة
- ✅ اختبار معرفتك باختيار 10 أسئلة عشوائية في كل مرة
- ✅ إمكانية إعادة التدريب لتحسين مستواك وتعزيز المفاهيم
- ✅ نصائح عملية للمبتدئين من واقع خبرة المطورين المحترفين
📖 ما هي JavaScript؟
JavaScript هي لغة برمجة نصية (Scripting Language) تُستخدم بشكل أساسي لتطوير تطبيقات الويب التفاعلية. تم إطلاقها لأول مرة في عام 1995 من قبل شركة Netscape وتم تطويرها بواسطة بريندان إيتش.
- ✅ لغة مفسرة (Interpreted) تعمل في المتصفح
- ✅ تدعم البرمجة الكائنية والوظيفية
- ✅ اللغة الوحيدة التي تعمل بشكل أصلي في جميع المتصفحات
- ✅ تتكامل بشكل كامل مع HTML و CSS
- ✅ تستند إلى مواصفة ECMAScript الرسمية
🎯 أهم مزايا JavaScript
JavaScript تتميز بمجموعة من الميزات التي جعلتها لغة الويب الأولى:
- نموذج كائن المستند (DOM): للتفاعل مع عناصر HTML
- البرمجة غير المتزامنة: باستخدام Promises و Async/Await
- Closures والدوال السهمية: لكتابة كود أكثر كفاءة
- النطاق (Scope) والرفع (Hoisting): مفاهيم أساسية لفهم سلوك المتغيرات
- Callback Functions: للتعامل مع الأحداث والعمليات غير المتزامنة
💻 بيئات عمل JavaScript
لم تعد JavaScript تقتصر على المتصفح فقط، بل امتدت إلى:
- 🌐 المتصفح (Client-side): التنفيذ على جهاز المستخدم
- ⚙️ Node.js (Server-side): بيئة تشغيل على الخادم
- 📱 React Native: لتطبيقات الهاتف (Android و iOS)
- 🖥️ Electron.js: لتطبيقات سطح المكتب (مثل VS Code و Slack)
- 🎮 Phaser: لإلعاب ثنائية الأبعاد
- 📊 D3.js: لتصور البيانات والرسوم البيانية
🔧 مفاهيم أساسية ستتعلمها
في هذا التدريب ستتعرف على المفاهيم الأساسية التي تميز JavaScript:
- المتغيرات: الفرق بين var, let, const
- أنواع البيانات: null vs undefined والأنواع الأولية
- المعاملات: الفرق بين == و === في المقارنة
- الدوال: التقليدية والسهمية وخصائص كل منهما
- الأحداث: التعامل مع تفاعلات المستخدم
- معالجة الأخطاء: كيفية التعامل مع الأخطاء في الكود
📊 إحصائيات مهمة عن JavaScript
- 📈 تُستخدم في 98% من مواقع الويب
- 👥 أكثر من 17 مليون مطور يستخدمونها عالميًا
- 🌟 تحتل المرتبة الأولى في Stack Overflow Developer Survey لسنوات متتالية
- 💼 أكثر من 40% من وظائف البرمجة تتطلب معرفة JavaScript
- 🚀 أكبر نظام إدارة حزم (npm) يحتوي على أكثر من 2 مليون حزمة
- ⚡ React.js - مكتبة فيسبوك لتطوير الواجهات الأمامية
💡 مثال عملي على مفاهيم JavaScript
let userName = "أحمد";
const MAX_USERS = 100;
const greet = (name) => `مرحباً ${name}!`;
const fetchData = () => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve("تم جلب البيانات بنجاح");
}, 1000);
});
};
document.getElementById("myButton").addEventListener("click", () => {
console.log("تم النقر على الزر!");
});