نظرة عامة علي لغة جافاسكريبت
في هذه الدروس سيتم إلقاء الضوء على المفاهيم و المبادئ الأساسية و المتقدمة للغة جافاسكريبت.
ما الذي تحتاجه قبل دراسة لغة جافاسكريبت؟
قبل البدء في دراسة لغة JavaScript، هناك بعض الأشياء التي يمكن أن تساعدك على الاستعداد الجيد والحصول على تجربة أفضل. إليك بعض الأشياء التي قد تحتاجها:
1. فهم أساسيات HTML و CSS : يستخدم جافاسكريبت لتفعيل وتحسين صفحات الويب التي تستخدم HTML و CSS. لذلك، فمن المفيد أن تكون لديك فهم جيد لأساسيات HTML و CSS قبل الانتقال إلى JavaScript.
2. المفاهيم الأساسية للبرمجة: يفضل أن تكون لديك فهم أساسي للبرمجة والمفاهيم المشتركة مثل المتغيرات، الشروط، الحلقات، والدوال. إذا كنت جديدًا في البرمجة، فقد تكون البداية بلغات برمجة أخرى مثل Python أو Java ستساعدك في فهم هذه المفاهيم الأساسية.
3. المحترفون في JavaScript: يمكنك الاستفادة من مصادر التعلم التفاعلية مثل Codecademy أو FreeCodeCamp لاكتساب المعرفة الأساسية والممارسة في JavaScript. هذه المنصات توفر دروسًا تفاعلية وتحديات تمكنك من بناء مهاراتك خطوة بخطوة.
4. الوثائق الرسمية لـ JavaScript: يوجد العديد من المصادر الموثوقة عبر الإنترنت، مثل موقع Mozilla Developer Network (MDN)، الذي يوفر وثائق مفصلة وشاملة للغة JavaScript وميزاتها. يمكنك الاطلاع على وثائق MDN لفهم المفاهيم والميزات المختلفة في JavaScript.
5. محرر النصوص أو بيئة التطوير المناسبة: يمكنك استخدام أي محرر نصوص مفضل لديك، مثل Visual Studio Code أو Sublime Text، لكتابة وتجربة الشفرة الخاصة بك. أيضًا، يمكنك تثبيت Node.js وNPM (Node Package Manager) لإدارة المكتبات والأدوات المستخدمة في تطوير JavaScript.
ومن الجيد أيضًا أن تكون لديك العزيمة والاستعداد للتعلم المستمر، نظرًا لأن JavaScript هي لغة قوية وديناميكية وتتطور باستمرار.
ما هي جافاسكريبت؟
JavaScript هي لغة برمجة عالية المستوى تستخدم لتطوير تطبيقات الويب وتوفير التفاعل والديناميكية لصفحات الويب. تم تطويرها في الأصل من قبل شركة نيتسكيب Netscape في أواخر التسعينيات.
JavaScript يتم تنفيذه في المتصفحات الحديثة، ويسمح بتفاعل المستخدم مع صفحات الويب وتغيير المحتوى بشكل ديناميكي. يمكن استخدام JavaScript لإضافة وإزالة العناصر من صفحة الويب، وتغيير النصوص والصور، وتنفيذ العمليات الحسابية، والتحقق من صحة الإدخال، والتواصل مع خوادم الويب باستخدام تقنيات مثل AJAX.
بالإضافة إلى تطوير الويب، يمكن استخدام JavaScript في العديد من السياقات الأخرى. يمكن استخدامه في تطوير تطبيقات الهواتف المحمولة باستخدام إطارات عمل مثل React Native وIonic. كما يمكن استخدام JavaScript في تطوير تطبيقات سطح المكتب باستخدام إطارات مثل Electron. كما يمكن استخدامه في تطوير العاب الويب وتطبيقات الواقع الافتراضي وتطبيقات الذكاء الاصطناعي والعديد من المجالات الأخرى.
تتمتع JavaScript ببيئة تنفيذ قوية وواسعة الانتشار، وتدعمها معظم المتصفحات الحديثة. كما أنها لغة برمجة مفتوحة المصدر وتوفر العديد من المكتبات والإطارات التي تسهل عملية التطوير وتوفر وظائف وميزات متقدمة.
و من هذا يتضح أن JavaScript هي لغة برمجة قوية ومرنة تستخدم لإضافة التفاعل والديناميكية للويب وتطوير تطبيقات متنوعة في مجالات مختلفة.
أين يتم كتابة كود جافاسكريبت؟
يتم كتابة أكواد جافاسكريبت بين وسم <script> و يوضع في مكان من ثلاثة:
- داخل وسم <head > في ملف HTML
- داخل وسم <body> في ملف HTML
- في ملف خارجي و يتم و يكون له امتداد js
(ex: script. js)
 |
| اماكن وضع كود جافاسكريبت فى صفحة HTML |
و يمكن وضعه مباشرة في ملف HTML كما في الحالة الأولى و الثانية و يسمي بذلك كود داخلي أو يتم كتابته في ملف خارجي و ربطه بملف HTML كما في الحالة الثالثة و هو الأفضل في حالة استخدامه مع أكثر من ملف HTML كما أنه افضل من حيث التنظيم و سهولة قراءة الكود.
أفضل مكان لكتابة أكواد جافاسكريبت في ملف خارجي و يتم ربطه مع HTML عن طريق script tag و يتم وضعه قبل غلق وسم body
عند وضع script في نهاية ملف HTML قبل غلق وسم body، يسمح بتحميل ملف الجافاسكريبت بعد نهاية تحميل كل أكواد HTML و بذلك نتجنب حدوث أخطاء errors أثناء تنفيذ الكود، لان أكواد جافاسكريبت تستخدم لعمل تعديلات و إضافات للصفحة فلو تم تحميل الأكواد أولا قبل الصفحة لن يجد المتصفح العناصر التي سيجري عليها التعديل و سيتسبب في ظهور هذه الأخطاء.
في النهاية و حتي لا نطيل يتم وضع أكواد جافاسكريبت أو script tag قبل غلق body فلن نواجه أي مشكلة.
يتم تحديد ملف الجافاسكريبت المراد ربطة مع صفحة ال HTML عن طريق ال src attribute في script tag و يتم تحديد مسار الملف .
مثال:
<script src="js/main.js"></script>
في هذا المثال الملف المراد ربطه اسمه main.js و موجود داخل مجلد اسمه js و هذا المجلد موجود في نفس مكان ملف HTML.
أين نجد مخرجات الكود؟
الأن عرفنا أين يمكننا كتابة كود جافاسكريبت و لكننا نريد رؤية ناتج هذا الكود و لذلك يوجد أكثر من طريقة:
- فى الصفحة نفسها.
- فى ما يسمي ب Console.
- عن طريق بعض الدوال مثل alert.
سنعتمد في البداية على console في رؤية مخرجات البرنامج و هي من أهم الوسائل فى عملية ال debug بصفة عامة ، الأن ما هو الكونسول و أين نجده.
الكونسول موجود فى كل المتصفحات و يمكن الوصول إليه عن طريق right click فى أي مكان فى الصفحة و إختيار inspect ثم نختار console tap كما فى الصورة.
يمكن كتابة الاكواد مباشرة فى الكونسول و لكنها ستضيع بمجرد إعادة تحميل الصفحة و يمكن كتابة الأكواد فى محرر الأكواد و الإستعانة بدالة ()
console.log لإظهار ال output فى الكونسول و هذا ما سوف نعتمد عليه فى هذه الدروس.
تعليقات
إرسال تعليق