[ :: ملتقـــى شباب سبيـــس بــاور :: ]
(نسخة قابلة للطباعة من الموضوع)
https://spacepower.site/index.php?page=topic&show=1&id=735
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

دورة برمجة JavaScript مجانا
ناروتو 11-01-2025 02:26 صباحاً
دورة برمجة 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. استعد للغوص أعمق في البرمجة!

تابعونا في الدرس الثاني















[ :: ملتقـــى شباب سبيـــس بــاور :: ]

Copyright © 2009-2025 PBBoard® Solutions. All Rights Reserved