دورة برمجة JavaScript - الدرس الأول: أساسيات JavaScript
مرحباً بك في الدرس الأول من دورة برمجة JavaScript! في هذا الدرس، سنتعرف على الأساسيات التي تحتاجها للبدء في تعلم JavaScript.
1. ما هي JavaScript؟
JavaScript هي لغة برمجة قوية تُستخدم في تطوير المواقع والتطبيقات عبر الإنترنت. يتم استخدامها بشكل أساسي لتطوير واجهات المستخدم التفاعلية، لكن يمكن أيضًا استخدامها على الخوادم بفضل بيئات مثل Node.js. تم تطوير JavaScript في عام 1995، ومنذ ذلك الحين أصبحت واحدة من اللغات الأكثر شعبية في العالم.
2. إعداد بيئة العمل
لبدء البرمجة بـ JavaScript، يمكنك استخدام أي محرر نصوص مثل:
- Visual Studio Code
- Sublime Text
- Atom
- Notepad++
كما يمكنك أيضًا تنفيذ الكود مباشرة من خلال المتصفح باستخدام أدوات المطور (Developer Tools) مثل:
- Google Chrome Developer Tools
- Firefox Developer Tools
3. كتابة أول كود JavaScript
لنبدأ بكتابة أول كود 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: يمثل الأرقام، مثل
CODE
25
- Boolean: يمثل القيمتين
CODE
true
أو
CODE
false
- Null: يمثل قيمة فارغة أو غير محددة
- Undefined: يمثل المتغيرات التي لم يتم تعيين قيمة لها بعد
- Object: يمثل كائن يحتوي على مجموعة من القيم
6. العمليات الحسابية (Operators)
يمكنك إجراء العمليات الحسابية باستخدام 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! في هذا الدرس، سنتعرف على الأساسيات التي تحتاجها للبدء في تعلم JavaScript.
1. ما هي JavaScript؟
JavaScript هي لغة برمجة قوية تُستخدم في تطوير المواقع والتطبيقات عبر الإنترنت. يتم استخدامها بشكل أساسي لتطوير واجهات المستخدم التفاعلية، لكن يمكن أيضًا استخدامها على الخوادم بفضل بيئات مثل Node.js. تم تطوير JavaScript في عام 1995، ومنذ ذلك الحين أصبحت واحدة من اللغات الأكثر شعبية في العالم.
2. إعداد بيئة العمل
لبدء البرمجة بـ JavaScript، يمكنك استخدام أي محرر نصوص مثل:
- Visual Studio Code
- Sublime Text
- Atom
- Notepad++
كما يمكنك أيضًا تنفيذ الكود مباشرة من خلال المتصفح باستخدام أدوات المطور (Developer Tools) مثل:
- Google Chrome Developer Tools
- Firefox Developer Tools
3. كتابة أول كود JavaScript
لنبدأ بكتابة أول كود 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: يمثل الأرقام، مثل
CODE
25
- Boolean: يمثل القيمتين
CODE
true
أو
CODE
false
- Null: يمثل قيمة فارغة أو غير محددة
- Undefined: يمثل المتغيرات التي لم يتم تعيين قيمة لها بعد
- Object: يمثل كائن يحتوي على مجموعة من القيم
6. العمليات الحسابية (Operators)
يمكنك إجراء العمليات الحسابية باستخدام 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. استعد للغوص أعمق في البرمجة!
تابعونا في الدرس الثاني