🛠️ إعداد بيئة العمل في JavaScript
يعني إزاي تجهز كل حاجة علشان تبدأ تكتب كود وتنفّذه وتشوف النتيجة بنفسك.
✅ أولاً: المتصفح + Console
1. إزاي JavaScript بتشتغل في المتصفح؟
JavaScript بتشتغل مباشرة داخل المتصفح (زي Chrome أو Firefox أو Edge).
يعني مش محتاج تنزل برنامج خاص علشان تشغّل الكود – المتصفح بيشغّله لوحده.
2. فين بكتب الكود؟
ممكن تكتب كود JavaScript في ملف .js، لكن للتجربة السريعة، فيه طريقة ممتازة:
3. استخدام Console (الكونسول)
إزاي تفتحه في Google Chrome:
-
افتح أي موقع.
-
دوس على زرار F12 أو كليك يمين → Inspect.
-
هتفتح أدوات المطور (Developer Tools).
-
اختار التبويب (Tab) اللي اسمه Console.
(لو عايز أجبلك صورة أو أرسم لك شكل توضيحي قولي)
جرب تكتب فيه
console.log("أهلاً يا أحمد!");
هيظهرلك الرسالة على طول في الكونسول، وده بيكون مفيد جدًا علشان تختبر كودك بسرعة
✅ ثانياً: محررات الكود (Code Editors)
1. إيه هو محرر الكود؟
هو برنامج بتستخدمه لكتابة كود JavaScript بشكل منظم ومرتب، بدل ما تكتب في المفكرة (Notepad).
2. أشهر محرر في العالم: Visual Studio Code (VS Code)
✔️ ليه VS Code هو الأفضل؟
-
مجاني 100%.
-
خفيف وسريع.
-
بيديك ألوان للكود علشان تفهمه بسهولة.
-
فيه إضافات كتير تساعدك (extensions).
-
بيدعم JavaScript و HTML و CSS وكل لغات الويب.
3. خطوات تحميله:
-
روح على الموقع الرسمي:
https://code.visualstudio.com/ -
نزل النسخة المناسبة لجهازك (Windows / Mac / Linux).
-
نزّل وشغّله.
✅ ثالثاً: أول ملف JavaScript بسيط
📝 خطوات تعمل مشروع بسيط:
1. أنشئ مجلد جديد (مثلاً اسمه my-first-js).
2. جواه اعمل ملفين:
-
ملف HTML اسمه:
index.html -
ملف JavaScript اسمه:
script.js
3. محتوى index.html
<!DOCTYPE html>
<html>
<head>
<title>أول كود جافاسكربت</title>
</head>
<body>
<h1>مرحبا يا أحمد 👋</h1>
<script src="script.js"></script>
</body>
</html>
محتوى script.js
console.log("دي أول تجربة ليك في JavaScript 🎉");
شغّل الملف:
-
افتح
index.htmlفي المتصفح (دبل كليك عليه). -
افتح الكونسول وشوف الرسالة.
ملحوظة مهمة:
ممكن تستخدم كمان مواقع أونلاين لكتابة الكود بسرعة بدون تحميل أي حاجة، زي:
لكن لو ناوي تتعلم بجد، الأفضل تشتغل على جهازك بـ VS Code.
💰 هل تبحث عن طريقة سهلة للربح من الإنترنت؟
ابدأ الآن واكسب أموالًا حقيقية من خلال خطوات بسيطة! 🌟
اضغط وابدأ الربح
