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

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

جافاسكريبت عبارة عن لغة برمجة نصية متعددة المنصات تدعم البرمجة كائنية التوجه تُستخدم لجعل صفحات الويب تفاعلية (على سبيل المثال ، وجود رسوم متحركة معقدة ، و أزرار قابلة للنقر ، وقوائم منبثقة ، وما إلى ذلك). وفقًا لـ MDN

 

جافاسكريبت هي لغة البرمجة الأكثر شيوعًا في العالم ، وهي لغة ديناميكية لبناء واجهة المستخدم بالإضافة إلى جعل تطبيقات الويب ومواقع الويب تفاعلية ، وهي عبارة عن برنامج (أكواد) ينفذه المتصفح ، وبالطبع هناك Node.js وهي بيئة وقت التشغيل للغة جافاسكريبت لتعمل كلغة برمجة للخوادم أي السيرفرات (أو خارج المتصفح ، مما يعني أنه يمكنك إنشاء تطبيق للجوال أو سطح المكتب باستخدام جافاسكريبت ، أليس كذلك؟)
لماذا تحتاج إلى تعلم جافاسكريبت؟

• لغة ضرورية لتطوير الويب
• سهلة التعلم
• مطورو جافاسكريبت يتمتعون بأجور جيدة
• أنها لغة البرمجة الأكثر شيوعًا
  
  حسنًا الآن لدينا الان أسباب كافية لتعلم لغة جافاسكريبت ، فلنتحدث عن هيكل موضوعات هذه السلسلة ، وهناك ثلاثة أجزاء رئيسية.

أساسيات لغة البرمجة:

سنتحدث هنا عن أساسيات لغات البرمجة باستخدام جافاسكريبت وصياغتها ، وسنغطي موضوعات مثل المتغيرات والثوابت ، والعبارات الشرطية if و switch ، والحلقات التكرارية و أنواع البيانات ... إلخ.
DOM و BOM ، ما هما و ماذا يفعلان؟ :

    يعتبر "نموذج كائن الصفحة" و هو ما يعرف اختصار بـ (DOM) معيارًا للوصول إلى المستندات. يسمح "نموذج كائن المستعرض"  و هو ما يعرف اختصار بـ (BOM) لجافاسكريبت بـ "التحدث إلى" المتصفح. 
في نموذج HTML DOM ، يمثل العنصر و هو ما يسمى بالـ Element عنصراً للغة الترميز النصية الفائقة المعروفة بـ HTML ،هذه العناصر على سبيل المثال يمكن ان تكون p أو div أو a أو table أو أي عنصر HTML آخر.

في هذا الجزء سنتحدث عن معالجة DOM وكيف تعمل جافاسكريبت لجعل عناصر HTML تفاعلية ، وإنشاء رسوم متحركة ، وإضافة وظائف لمواقع الويب الثابتة والمزيد.

مواضيع المستوى المتوسط   إلى المتقدم في جافاسكريبت:

هنا حيث لم تعد مبتدئًا ولا خبيرًا.

ستجد هنا الكثير من الموضوعات التي ترفع مستوى مهاراتك في هذه اللغة ، مثل oop والبرمجة الوظيفية والأحداث ومعالجة الأخطاء والاختبار والبرمجة غير المتزامنة والوعود أي الـ Promises وسيتم شرح المزيد من الموضوعات بالتفصيل لاحقًا
كيف تبدأ :

 

يتم تنفيذ كود جافاسكريبت بواسطة المتصفح ، وهذا يعني أنك لست بحاجة إلى إعداد أشياء غريبة لتشغيل التعليمات البرمجية الخاصة بك ، في الواقع يمكنك كتابة وتشغيل التعليمات البرمجية الخاصة بك على المتصفح نفسه!

لفتح وحدة التحكم في متصفح Chrome ، انقر بزر الماوس الأيمن فوق العنصر وحدد فحص.

أو اضغط على Command + Option + J (Mac) أو Control + Shift + J (Windows ، Linux ، Chrome OS) للانتقال مباشرة إلى لوحة Console.

طريقة أخرى لتشغيل كود جافاسكريبت

هناك طريقة أخرى بسيطة لتشغيل كود جافا سكريبت وهي من خلال ملف html حيث سيتم تنفيذ كلتا اللغتين بواسطة المتصفح ، ثم تذهب إلى وحدة التحكم وترى إخراج كود جافا سكريبت الخاص بك.

كيفية تحقيق أقصى استفادة من هذه الدورة:

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

لا تتردد في طرح أي سؤال حول جافا سكريبت أو حول هذه السلسلة ويسعدني سماع تعليقاتك لتحسين هذا المحتوى.

فضلا قم بمتابعتي علىtwitter github my portfolio