logo

تعلم دروس جافا سكريبت

دروس جافا سكريبت

ملكنا دروس جافا سكريبت تم تصميمه للمبتدئين والمحترفين على حد سواء. يتم استخدام JavaScript لإنشاء صفحات ديناميكية من جانب العميل.

جافا سكريبت هو لغة البرمجة النصية القائمة على الكائنات وهو خفيف الوزن ومتعدد المنصات.

جافا سكريبت ليست لغة مجمعة، ولكنها لغة مترجمة. يكون مترجم JavaScript (المضمن في المتصفح) مسؤولاً عن ترجمة كود JavaScript لمتصفح الويب.

ما هي جافا سكريبت

JavaScript (js) هي لغة برمجة كائنية التوجه خفيفة الوزن تستخدمها العديد من مواقع الويب لبرمجة صفحات الويب. إنها لغة برمجة مفسرة ومتكاملة تتيح التفاعل الديناميكي على مواقع الويب عند تطبيقها على مستند HTML. تم تقديمه في عام 1995 لإضافة البرامج إلى صفحات الويب في متصفح Netscape Navigator. ومنذ ذلك الحين، تم اعتماده من قبل جميع متصفحات الويب الرسومية الأخرى. باستخدام JavaScript، يمكن للمستخدمين إنشاء تطبيقات ويب حديثة للتفاعل مباشرة دون إعادة تحميل الصفحة في كل مرة. يستخدم موقع الويب التقليدي JS لتوفير عدة أشكال من التفاعل والبساطة.

مخطط uml جافا

على الرغم من أن جافا سكريبت ليس لديها اتصال مع لغة برمجة جافا. تم اقتراح الاسم وتقديمه في الأوقات التي اكتسبت فيها Java شعبية في السوق. بالإضافة إلى متصفحات الويب، تستخدم قواعد البيانات مثل CouchDB وMongoDB JavaScript كلغة برمجة نصية واستعلام.

مميزات جافا سكريبت

هناك الميزات التالية لجافا سكريبت:

  1. تدعم جميع متصفحات الويب الشائعة JavaScript لأنها توفر بيئات تنفيذ مدمجة.
  2. تتبع JavaScript بناء الجملة وبنية لغة البرمجة C. وبالتالي فهي لغة برمجة منظمة.
  3. JavaScript هي لغة مكتوبة بشكل ضعيف، حيث يتم تضمين أنواع معينة ضمنيًا (اعتمادًا على العملية).
  4. JavaScript هي لغة برمجة موجهة للكائنات تستخدم النماذج الأولية بدلاً من استخدام الفئات للميراث.
  5. إنها لغة خفيفة الوزن وقابلة للتفسير.
  6. إنها لغة حساسة لحالة الأحرف.
  7. JavaScript مدعوم في العديد من أنظمة التشغيل بما في ذلك Windows وmacOS وما إلى ذلك.
  8. يوفر تحكمًا جيدًا للمستخدمين عبر متصفحات الويب.

تاريخ جافا سكريبت

في عام 1993، فسيفساء ، أول متصفح ويب مشهور، ظهر إلى الوجود. في ال سنة 1994 , نتسكيب تأسست من قبل مارك أندريسن . لقد أدرك أن الويب بحاجة إلى أن يصبح أكثر ديناميكية. ومن ثم، يُعتقد أنه تم توفير 'لغة لاصقة' لـ HTML لتسهيل تصميم الويب للمصممين والمبرمجين بدوام جزئي. ونتيجة لذلك، في عام 1995، قامت الشركة بتجنيد بريندان إيتش تنوي تنفيذ وتضمين لغة برمجة المخطط في المتصفح. ولكن قبل أن يتمكن بريندان من البدء، اندمجت الشركة مع صن مايكروسيستمز لإضافة Java إلى Navigator الخاص بها حتى تتمكن من التنافس مع Microsoft عبر تقنيات ومنصات الويب. الآن، كانت هناك لغتان: Java ولغة البرمجة النصية. علاوة على ذلك، قررت Netscape إعطاء اسم مشابه للغة البرمجة النصية مثل Java. أدى إلى 'جافا سكريبت'. وأخيرا، في مايو 1995، صاغ مارك أندريسن أول كود لجافا سكريبت اسمه ' موكا '. لاحقًا، قام فريق التسويق باستبدال الاسم بـ ' لايف سكريبت '. ولكن، لأسباب تتعلق بالعلامة التجارية وأسباب معينة أخرى، في ديسمبر 1995، تمت إعادة تسمية اللغة أخيرًا إلى 'JavaScript'. ومنذ ذلك الحين، ظهرت جافا سكريبت إلى الوجود.

تطبيق جافا سكريبت

يتم استخدام جافا سكريبت لإنشاء مواقع تفاعلية. يتم استخدامه بشكل رئيسي من أجل:

  • التحقق من جانب العميل،
  • القوائم المنسدلة الديناميكية،
  • عرض التاريخ والوقت،
  • عرض النوافذ المنبثقة ومربعات الحوار (مثل مربع حوار التنبيه ومربع حوار التأكيد ومربع حوار المطالبة)،
  • عرض الساعات الخ

مثال جافا سكريبت

 document.write('Hello JavaScript by JavaScript'); 
اختبره الآن

يوجد شرح تفصيلي لمثال JavaScript الأول في الفصل التالي.


مؤشر جافا سكريبت


دروس جافا سكريبت

أساسيات جافا سكريبت

كائنات جافا سكريبت

جافا سكريبت BOM

  • كائنات المتصفح
  • 1) كائن النافذة
  • 2) كائن التاريخ
  • 3) كائن الملاح
  • 4) كائن الشاشة

جافا سكريبت دوم

كم صفر في المليار
  • 5) كائن الوثيقة
  • getElementById
  • getElementsByName
  • getElementsByTagName
  • خاصية جافا سكريبت الداخلية HTML
  • خاصية النص الداخلي لجافا سكريبت

التحقق من صحة جافا سكريبت

جافا سكريبت عفوا

  • فئة جافا سكريبت
  • كائن جافا سكريبت
  • نموذج جافا سكريبت
  • طريقة منشئ جافا سكريبت
  • جافا سكريبت طريقة ثابتة
  • تغليف جافا سكريبت
  • جافا سكريبت الميراث
  • جافا سكريبت تعدد الأشكال
  • تجريد جافا سكريبت

ملفات تعريف الارتباط جافا سكريبت

أحداث جافا سكريبت

    أحداث HTML/DOM

جافا سكريبت منوعات

  • جافا سكريبت هذه الكلمة الرئيسية
  • تصحيح أخطاء جافا سكريبت
  • رفع جافا سكريبت
  • الوضع الصارم لجافا سكريبت

جافا سكريبت المتقدمة

اسئلة المقابلة

  • أسئلة مقابلة جافا سكريبت

طرق جافا سكريبت

كائن صفيف جافا سكريبت

كائن عرض بيانات جافا سكريبت

  • جافا سكريبت عرض البيانات
  • طريقة DataView getFloat32()
  • طريقة DataView getFloat64()
  • طريقة DataView getInt8()
  • طريقة DataView getInt16()
  • طريقة DataView getInt32()
  • طريقة DataView getUint8()
  • طريقة DataView getUint16()
  • طريقة DataView getUint32()

كائن وظيفة جافا سكريبت

  • وظيفة جافا سكريبت
  • طريقة تطبيق الوظيفة ().
  • طريقة ربط الوظيفة ().
  • طريقة استدعاء الوظيفة ().
  • دالة toString () الطريقة

كائن تاريخ جافا سكريبت

  • تاريخ جافا سكريبت
  • طريقة getDate () للتاريخ
  • طريقة getDay () للتاريخ
  • طريقة getFullYears () للتاريخ
  • طريقة getHours () للتاريخ
  • طريقة الحصول على التاريخ بالميلي ثانية ().
  • طريقة getMinutes () للتاريخ
  • طريقة getMonth () للتاريخ
  • طريقة getSeconds () للتاريخ
  • طريقة getUTCDate() للتاريخ
  • طريقة getUTCDay () للتاريخ
  • طريقة getUTCFullYears() للتاريخ
  • طريقة getUTCHours() للتاريخ
  • طريقة getUTCMinutes () للتاريخ
  • طريقة getUTCMonth () للتاريخ
  • طريقة getUTCSeconds () للتاريخ
  • طريقة تعيين التاريخ ().
  • طريقة تاريخ setDay ().
  • طريقة تعيين التاريخFullYears()
  • طريقة تحديد التاريخ ()
  • طريقة تعيين التاريخ ميلي ثانية ().
  • طريقة ضبط التاريخ ().
  • طريقة تاريخ setMonth ().
  • طريقة setSeconds () للتاريخ
  • طريقة setUTCDate() للتاريخ
  • طريقة setUTCDay () للتاريخ
  • طريقة ضبط التاريخUTCFullYears()
  • طريقة ضبط التاريخ UTCHours()
  • طريقة ضبط التاريخUTCMillithans ().
  • طريقة ضبط التاريخ UTCMinutes ().
  • طريقة setUTCMonth () للتاريخ
  • طريقة ضبط التاريخUTCSeconds()
  • طريقة التاريخ toDateString ().
  • تاريخ طريقة ISOString ().
  • تاريخ طريقة JSON ().
  • طريقة التاريخ إلى String ().
  • تاريخ طريقة TimeString ().
  • تاريخ طريقة UTCString ().
  • طريقة قيمة التاريخ ().

كائن معالج جافا سكريبت

  • معالج جافا سكريبت
  • طريقة تطبيق المعالج ().
  • طريقة بناء المعالج ().
  • طريقة تعريف المعالج ().
  • طريقة حذف خاصية المعالج ().
  • طريقة الحصول على المعالج ().
  • معالج طريقة getOwnPropertyDescriptor()
  • معالج طريقة getPrototypeOf()
  • المعالج لديه طريقة ().
  • المعالج هو طريقة Extensible ().
  • طريقة المعالج ownKeys ().
  • معالج منع الامتدادات () الأسلوب
  • طريقة مجموعة المعالج ().
  • طريقة معالج setPrototypeOf ().

كائن جافا سكريبت JSON

  • جافا سكريبت جيسون
  • طريقة JSON.parse()
  • طريقة JSON.stringify()

كائن خريطة جافا سكريبت

  • خريطة جافا سكريبت
  • خريطة طريقة واضحة ().
  • طريقة حذف الخريطة ().
  • طريقة إدخالات الخريطة ().
  • خريطة لكل طريقة ().
  • طريقة الحصول على الخريطة ().
  • تحتوي الخريطة على طريقة ().
  • طريقة مفاتيح الخريطة ().
  • طريقة تعيين الخريطة ().
  • طريقة قيم الخريطة ().

كائن رياضي جافا سكريبت

تحويل السلسلة إلى int
  • جافا سكريبت الرياضيات
  • طريقة الرياضيات abs ().
  • طريقة الرياضيات acos()
  • طريقة الرياضيات asin ().
  • طريقة الرياضيات آتان ().
  • طريقة الرياضيات cbrt()
  • طريقة سقف الرياضيات ().
  • طريقة الرياضيات cos()
  • طريقة الرياضيات كوش ().
  • طريقة الرياضيات exp ().
  • طريقة أرضية الرياضيات ().
  • طريقة الرياضيات Hypot ().
  • طريقة سجل الرياضيات ().
  • طريقة الرياضيات ماكس ().
  • طريقة الرياضيات الدقيقة ().
  • طريقة الرياضيات الأسرى ().
  • طريقة الرياضيات العشوائية ().
  • طريقة جولة الرياضيات ().
  • طريقة علامة الرياضيات ().
  • طريقة الرياضيات الخطيئة ().
  • طريقة الرياضيات سينه ().
  • طريقة الرياضيات sqrt ().
  • طريقة الرياضيات تان ().
  • طريقة الرياضيات تانه ().
  • طريقة الرياضيات ()

كائن رقم جافا سكريبت

  • رقم جافا سكريبت
  • طريقة الرقم محدد ().
  • طريقة الرقم هو عدد صحيح ().
  • طريقة parseFloat () للرقم
  • طريقة parseInt()
  • رقم إلى الأسلوب الأسي ().
  • طريقة رقم toFixed()
  • طريقة الرقم إلى الدقة ().
  • طريقة رقم toString ().

كائن جافا سكريبت RegExp

  • جافا سكريبت RegExp
  • طريقة RegExp.exec()
  • طريقة RegExp.test()
  • طريقة RegExp.toString()

كائن جافا سكريبت

  • كائن جافا سكريبت
  • طريقة Object.assis()
  • طريقة Object.create()
  • طريقة Object.defineProperty()
  • طريقة Object.defineProperties()
  • طريقة Object.entries()
  • طريقة Object.freeze()
  • طريقة getOwnPropertyDescriptor()
  • طريقة getOwnPropertyDescriptors ().
  • طريقة getOwnPropertyNames()
  • طريقة getOwnPropertySymbols()
  • طريقة Object.getPrototypeOf()
  • طريقة Object.is()
  • طريقة منع الامتدادات ().
  • طريقة Object.seal()
  • طريقة Object.setPrototypeOf()
  • طريقة Object.values()

جافا سكريبت يعكس الكائن

  • تعكس جافا سكريبت
  • طريقة Reflect.apply()
  • طريقة Reflect.construct()
  • طريقة Reflect.defineProperty()
  • طريقة Reflect.deleteProperty()
  • طريقة Reflect.get()
  • طريقة getOwnPropertyDescriptor()
  • طريقة Reflect.getPrototypeOf()
  • طريقة Reflect.has()
  • طريقة Reflect.isExtensible()
  • طريقة Reflect.ownKeys()
  • طريقة منع الامتدادات ().
  • طريقة Reflect.set()
  • طريقة Reflect.setPrototypeOf()

كائن مجموعة جافا سكريبت

كائن سلسلة جافا سكريبت

كائن رمز جافا سكريبت

  • رمز جافا سكريبت
  • طريقة الرمز.for()
  • طريقة الرمز.keyFor()
  • طريقة الرمز.toString ().

خاصية الرمز

  • خاصية الرمز. hasInstance
  • خاصية isConcatSpreadable
  • خاصية سيمبول.ماتش
  • خاصية الرمز.النموذج الأولي
  • خاصية الرمز.استبدال
  • خاصية الرمز. البحث
  • خاصية الرمز.سبليت
  • خاصية الرمز.toStringTag
  • خاصية الرمز.unscoables

كائن JavaScript TypedArray

  • جافا سكريبت TypedArray
  • طريقة TypedArray CopyWithin ().
  • طريقة إدخالات TypedArray ().
  • TypedArray كل طريقة ().
  • طريقة تعبئة TypedArray ().
  • طريقة مرشح TypedArray ().
  • طريقة العثور على TypedArray ().
  • طريقة TypedArray findIndex ().
  • طريقة TypedArray forEach ().
  • يتضمن TypedArray طريقة ().
  • طريقة TypedArray Indexof ().
  • طريقة الانضمام إلى TypedArray ().
  • طريقة TypedArray Keys ().
  • طريقة TypedArray lastIndexof ().
  • طريقة خريطة TypedArray ().
  • طريقة تقليل TypedArray ().
  • طريقة TypedArray تقليل اليمين ().
  • طريقة TypedArray العكسية ().
  • طريقة مجموعة TypedArray ().
  • طريقة TypedArray Slice ().
  • TypedArray بعض الطريقة ().
  • طريقة الفرز TypedArray ().
  • طريقة TypedArray () للمصفوفة الفرعية
  • طريقة قيم TypedArray ().
  • طريقة toLocaleString()
  • طريقة TypedArray toString ().

كائن جافا سكريبت WeakMap

xor في ج ++
  • جافا سكريبت WeakMap
  • طريقة حذف WeakMap ().
  • طريقة الحصول على WeakMap ().
  • لدى WeakMap طريقة ().
  • طريقة مجموعة WeakMap ().

كائن JavaScript WeakSet

  • جافا سكريبت الضعيفة
  • طريقة إضافة WeakSet ().
  • طريقة الحذف الضعيفة ().
  • لدى WeakSet طريقة ().

المتطلبات المسبقة

قبل أن تتعلم JavaScript بعمق، يجب أن تكون لديك المعرفة الأساسية بـ HTML.

جمهور

لقد قمنا بتطوير برنامج JavaScript التعليمي هذا للمبتدئين والمحترفين على حدٍ سواء. هناك الكثير من الأمثلة باستخدام محرر JavaScript. لذلك، يمكنك بسهولة تعديل كود JavaScript الخاص بك مما سيساعدك على تعلم JavaScript بسهولة.

مشكلة

نؤكد لك أنك لن تجد أي مشكلة في برنامج JavaScript التعليمي الخاص بنا. ولكن، إذا وجدت أي خطأ، يمكنك نشره في قسم التعليقات لدينا.