مرحباً بك في الدرس الأول من دورة برمجة JavaScript! في هذا الدرس، سنتعرف على الأساسيات التي تحتاجها للبدء في تعلم JavaScript.
1. ما هي JavaScript؟
JavaScript هي لغة برمجة قوية تُستخدم في تطوير المواقع والتطبيقات عبر الإنترنت. يتم استخدامها بشكل أساسي لتطوير واجهات المستخدم التفاعلية، لكن يمكن أيضًا استخدامها على الخوادم بفضل بيئات مثل Node.js. تم تطوير JavaScript في عام 1995، ومنذ ذلك الحين أصبحت واحدة من اللغات الأكثر شعبية في العالم.
2. إعداد بيئة العمل
لبدء البرمجة بـ JavaScript، يمكنك استخدام أي محرر نصوص مثل:
- Visual Studio Code
- Sublime Text
- Atom
- Notepad++
- Google Chrome Developer Tools
- Firefox Developer Tools
لنبدأ بكتابة أول كود JavaScript بسيط. يمكنك فتح المحرر الخاص بك وكتابة الكود التالي:
CODE
console.log("مرحباً بك في عالم JavaScript!"
;
هذا الكود يطبع النص "مرحباً بك في عالم JavaScript!" في وحدة التحكم (Console). لا تنسى أن تضغط على زر التشغيل في المحرر أو على F12 في المتصفح لعرض النتيجة في وحدة التحكم.
4. المتغيرات (Variables)
المتغيرات هي مكان تخزين القيم. يمكنك إنشاء متغيرات باستخدام ثلاثة أنواع رئيسية:
- CODE
var
(قديمة بعض الشيء ويفضل تجنبها)
- CODE
let
(يمكن تغيير قيمتها)
- CODE
const
(لا يمكن تغيير قيمتها بعد تعريفها)
CODE
let age = 25;
const name = "محمد";
5. الأنواع الأساسية للبيانات (Data Types)
في JavaScript، هناك العديد من أنواع البيانات، وهي:
- String: يمثل النصوص، مثل
CODE"مرحباً"
- Number: يمثل الأرقام، مثل
CODE25
- Boolean: يمثل القيمتين
CODEtrue
أو
CODEfalse
- Null: يمثل قيمة فارغة أو غير محددة
- Undefined: يمثل المتغيرات التي لم يتم تعيين قيمة لها بعد
- Object: يمثل كائن يحتوي على مجموعة من القيم
يمكنك إجراء العمليات الحسابية باستخدام JavaScript كما في اللغات الأخرى. أهم العمليات الحسابية هي:
- الجمع:
CODE+
- الطرح:
CODE-
- الضرب:
CODE*
- القسمة:
CODE/
- باقي القسمة:
CODE%
CODE
let x = 10;
let y = 5;
let sum = x + y; // الناتج 15
let product = x * y; // الناتج 50
7. التعليقات (Comments)
يمكنك إضافة تعليقات في كودك لتوضيح أجزاء معينة من الكود. هناك نوعان من التعليقات:
- تعليق سطر واحد:
CODE
// هذا تعليق
- تعليق متعدد الأسطر:
CODE
/*
هذا تعليق متعدد الأسطر
يمكنك كتابة عدة أسطر هنا
*/
ملخص الدرس:
في هذا الدرس، قمنا بالتعرف على أساسيات JavaScript مثل:
- المتغيرات وأنواع البيانات.
- العمليات الحسابية.
- كيفية كتابة أول كود JavaScript.
- كيفية إضافة تعليقات داخل الكود.
إذا كنت جاهزًا للانتقال إلى الدرس التالي، أخبرني وسأكون سعيدًا بمساعدتك. - الدرس الأول: أساسيات JavaScript
مرحباً بك في الدرس الأول من دورة برمجة JavaScript! في هذا الدرس، سنتعرف على الأساسيات التي تحتاجها للبدء في تعلم JavaScript.
1. ما هي JavaScript؟
JavaScript هي لغة برمجة قوية تُستخدم في تطوير المواقع والتطبيقات عبر الإنترنت. يتم استخدامها بشكل أساسي لتطوير واجهات المستخدم التفاعلية، لكن يمكن أيضًا استخدامها على الخوادم بفضل بيئات مثل Node.js. تم تطوير JavaScript في عام 1995، ومنذ ذلك الحين أصبحت واحدة من اللغات الأكثر شعبية في العالم.
2. إعداد بيئة العمل
لبدء البرمجة بـ JavaScript، يمكنك استخدام أي محرر نصوص مثل:
- Visual Studio Code
- Sublime Text
- Atom
- Notepad++
- Google Chrome Developer Tools
- Firefox Developer Tools
لنبدأ بكتابة أول كود JavaScript بسيط. يمكنك فتح المحرر الخاص بك وكتابة الكود التالي:
CODE
console.log("مرحباً بك في عالم JavaScript!"
;
هذا الكود يطبع النص "مرحباً بك في عالم JavaScript!" في وحدة التحكم (Console). لا تنسى أن تضغط على زر التشغيل في المحرر أو على F12 في المتصفح لعرض النتيجة في وحدة التحكم.
4. المتغيرات (Variables)
المتغيرات هي مكان تخزين القيم. يمكنك إنشاء متغيرات باستخدام ثلاثة أنواع رئيسية:
- CODE
var
(قديمة بعض الشيء ويفضل تجنبها)
- CODE
let
(يمكن تغيير قيمتها)
- CODE
const
(لا يمكن تغيير قيمتها بعد تعريفها)
CODE
let age = 25;
const name = "محمد";
5. الأنواع الأساسية للبيانات (Data Types)
في JavaScript، هناك العديد من أنواع البيانات، وهي:
- String: يمثل النصوص، مثل
CODE"مرحباً"
- Number: يمثل الأرقام، مثل
CODE25
- Boolean: يمثل القيمتين
CODEtrue
أو
CODEfalse
- Null: يمثل قيمة فارغة أو غير محددة
- Undefined: يمثل المتغيرات التي لم يتم تعيين قيمة لها بعد
- Object: يمثل كائن يحتوي على مجموعة من القيم
يمكنك إجراء العمليات الحسابية باستخدام JavaScript كما في اللغات الأخرى. أهم العمليات الحسابية هي:
- الجمع:
CODE+
- الطرح:
CODE-
- الضرب:
CODE*
- القسمة:
CODE/
- باقي القسمة:
CODE%
CODE
let x = 10;
let y = 5;
let sum = x + y; // الناتج 15
let product = x * y; // الناتج 50
7. التعليقات (Comments)
يمكنك إضافة تعليقات في كودك لتوضيح أجزاء معينة من الكود. هناك نوعان من التعليقات:
- تعليق سطر واحد:
CODE
// هذا تعليق
- تعليق متعدد الأسطر:
CODE
/*
هذا تعليق متعدد الأسطر
يمكنك كتابة عدة أسطر هنا
*/
ملخص الدرس:
في هذا الدرس، قمنا بالتعرف على أساسيات JavaScript مثل:
- المتغيرات وأنواع البيانات.
- العمليات الحسابية.
- كيفية كتابة أول كود JavaScript.
- كيفية إضافة تعليقات داخل الكود.
تابعونا في الدرس الثاني