تعلّم كيف ‹ 🖥️ كمبيوتر
📜 تعلم جافاسكريبت للمبتدئين
دليل البداية في تعلم لغة جافاسكريبت لبرمجة المواقع: ماذا تفعل جافاسكريبت، المتطلبات (HTML وCSS أولًا)، أدوات مجانية، المفاهيم الأساسية بالترتيب (المتغيرات، والشروط، والحلقات، والدوال، والمصفوفات، والكائنات، والتعامل مع الصفحة)، مشاريع صغيرة للتطبيق، ومصادر التعلم.
ما هي جافاسكريبت؟
لغة البرمجة التي تجعل صفحات الويب تفاعلية: الأزرار التي تستجيب، والقوائم المنسدلة، والنماذج التي تتحقق من البيانات، والألعاب، والخرائط. وهي اللغة الوحيدة التي تعمل في كل المتصفحات، وتُستخدم أيضًا في الخوادم والتطبيقات.
- HTML: محتوى الصفحة (الهيكل).
- CSS: الشكل والتنسيق.
- جافاسكريبت: السلوك والتفاعل.
قبل البدء
تعلم أساسيات HTML وCSS أولًا (أسبوع أو اثنان)؛ جافاسكريبت تتعامل معهما.
الأدوات (مجانية)
- متصفح كروم أو فايرفوكس، مع أدوات المطور (
F12← Console): تكتب كودًا وتجربه فورًا! - محرر أكواد: VS Code (مجاني وشائع).
- أو مواقع تجربة الكود أونلاين للبداية.
المفاهيم الأساسية بالترتيب
- المتغيرات: تخزين القيم.
let name = "Ahmad"; const age = 20; - أنواع البيانات: النصوص، والأرقام، والصح والخطأ (boolean).
- العمليات: الحساب والمقارنة.
- الشروط:
if / elseلاتخاذ القرارات. - الحلقات:
forوwhileلتكرار العمل. - الدوال (Functions): كود قابل لإعادة الاستخدام.
function add(a, b) { return a + b; } - المصفوفات (Arrays): قوائم القيم.
- الكائنات (Objects): بيانات منظمة بخصائص.
- التعامل مع الصفحة (DOM): تغيير النصوص والألوان والعناصر، والاستجابة للنقر.
button.addEventListener("click", ...) - البيانات من الإنترنت (fetch) والبرمجة غير المتزامنة: لاحقًا.
تعلّم بالمشاريع الصغيرة
- آلة حاسبة بسيطة.
- قائمة مهام (إضافة وحذف).
- عداد تسبيح إلكتروني.
- لعبة تخمين رقم.
- ساعة رقمية، أو مؤقت مذاكرة.
- اختبار أسئلة (Quiz) بالنتيجة.
- حاسبة الزكاة أو العمر.
المشروع يعلمك أكثر من عشرة دروس نظرية.
المصادر
- منصات تعليم البرمجة التفاعلية المجانية.
- مراجع موثوقة للغة (مثل MDN من موزيلا، ويتوفر بعضه بالعربية).
- دورات عربية على يوتيوب ومنصات التعليم.
- اقرأ رسائل الخطأ في الـ Console؛ هي معلمك.
نصائح
- اكتب الكود بيدك، لا تنسخ فقط.
- ساعة يوميًا أفضل من 7 ساعات مرة في الأسبوع.
- لا تقفز للأطر (React وغيرها) قبل إتقان الأساسيات.
- أدوات الذكاء الاصطناعي تساعد في الشرح، لكن لا تجعلها تكتب كل شيء عنك؛ لن تتعلم.
- اجعل نيتك نفع الناس؛ والعمل الحر في البرمجة باب رزق واسع.