مقدمة

مرحبًا،

مرحبًا بكم في دورة مقدمة إلى Javascript. 

في هذه الدورة، سنقدّم لغة Javascript ونتعلّم بنياتها الأساسية.

إذا لم تكن لديكم معرفة سابقة بـ HTML، فيجب أن أوضح أن معرفة HTML شرط أساسي لبدء هذه الدورة.

تُستخدم Javascript في مجالات كثيرة، بدءًا من تطبيقات الويب ووصولًا إلى تطبيقات الأجهزة المحمولة وأنظمة قواعد البيانات والأنظمة من جانب الخادم، مثل NodeJS.

تُعد لغة البرمجة هذه بلا شك إحدى أكثر تقنيات البرمجيات شيوعًا في العالم، وقد ازداد انتشارها بسرعة خلال السنوات العشر الماضية.

لغة Javascript حاليًا هي ECMAScript 2020، وهو أحدث إصدار تطبّقه المتصفحات الحديثة.

دعوني أجيب فورًا عن السؤال الذي يدور في أذهانكم؟

ما الفرق بين Javascript وEcmascript؟

لا داعي لسرد تفاصيل القصة. يكفي أن نتذكر أن الاسم الرسمي لـ Javascript هو Ecmascript.

المواصفة، التي يمكنكم الوصول إليها من العنوان أدناه، مكتوبة أيضًا باسم Ecmascript.

عندما نرى اسم Ecmascript في أي مكان، يمكننا اعتباره في الواقع Javascript.

أحدث إصدار مستخدم حاليًا من Javascript هو Ecmascript 2020، أو الإصدار Ecmascript 11.

تعتمد دورتنا على استخدام Javascript في عالم الويب.

سبق أن تعلّمنا HTML وCSS في دورتي البدء باستخدام HTML ودورة CSS.

يعتمد الويب على لغات HTML وCSS وJavascript. فلنبدأ بتعلّم لغة Javascript، الحلقة الأخيرة في هذا الثلاثي.

أنتم بالتأكيد في المكان الصحيح.

تتمتع Javascript بنطاق واسع من الاستخدامات في مجالات كثيرة من البرمجيات، بفضل إنتاجيتها العالية.

هل Javascript وJava اللغة نفسها؟

إنهما لغتان مختلفتان تمامًا.

طُوّرت Java تاريخيًا في وقت أبكر، ثم طُوّرت لغة Javascript بعد ذلك.

Java لغة آمنة الأنواع قائمة على الأصناف وتعمل على JVM، بينما Javascript لغة غير آمنة الأنواع توفّر وراثة قائمة على النماذج الأولية، وقد طُوّرت لتعمل المتصفحات على نطاق واسع.

توجد أوجه تشابه بينهما في الصياغة. كما يمكننا القول إن Java ولغة Javascript لا تربطهما أي علاقة، باستثناء التشابه في الاسم.

ما مجالات استخدام لغة Javascript خارج الويب؟

إلى جانب كون Javascript أحد الأركان الثلاثة لصفحات الويب، فإنها تشكّل أساس مشروع مهم من جانب الخادم، مثل NodeJS.

أما في مجال الأجهزة المحمولة، فتُستخدم في الحلول الهجينة لتطوير تطبيقات الأجهزة المحمولة باستخدام أطر مثل React Native وIonic.

بفضل بنية Javascript المرنة وخفيفة الوزن، تتوفر حلول تقنية لمجالات كثيرة، بدءًا من قواعد البيانات المختلفة ووصولًا إلى أجهزة إنترنت الأشياء والألعاب.

ما دور لغة Javascript في عالم الويب؟

ازدادت أهمية لغة Javascript، التي أصبحت جزءًا أساسيًا من عالم الويب منذ منتصف تسعينيات القرن الماضي، بدرجة أكبر بعد منتصف العقد الأول من القرن الحادي والعشرين.

بفضل لغة Javascript، أصبح من الممكن تنفيذ كثير من منطق الأعمال داخل المتصفحات. كما أصبحت المواقع أكثر تفاعلية بمساعدة أطر ومكتبات مثل React وAngular وVue.

في المرحلة الأولى من الويب، كانت صفحات الويب تُستخدم عمومًا لتقديم المعلومات، ثم تحولت في المرحلة التالية إلى تطبيقات ويب يستطيع المستخدم إدخال البيانات فيها.

تُعد صفحات وسائل التواصل الاجتماعي مثل Facebook وTwitter مثالين جيدين على تطبيقات الويب الحديثة التي تُستخدم فيها JavaScript على نطاق واسع.

ومن مزايا استخدام JavaScript على جانب العميل أن بعض المهام تُنفّذ على العميل بدلًا من الخادم، مما يقلل الحمل على الخادم.

هل يمكنني تطوير صفحات ويب باستخدام HTML وCSS فقط دون تعلّم Javascript؟

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

هل تعلّم Javascript صعب؟

ليس تعلّم Javascript صعبًا. ومع ذلك، قد يصعب على المطورين في البداية استيعاب بعض المفاهيم، مثل الوراثة القائمة على النماذج الأولية وClosure وLexical Scope.

سأبذل قصارى جهدي لزيادة معرفتكم بـ Javascript بسرعة من خلال الدورات الموجودة في Coddykit.

أين سأكتب تطبيقات Javascript الخاصة بي؟

يمكنكم مشاهدة الفيديو أدناه لاختيار المحرر قبل البدء في تطوير تطبيقات Javascript.

إذا كنتم تفضّلون الكتابة باستخدام أداة عبر الإنترنت بدلًا من المحرر، فهناك بدائل جيدة مثل jsfiddle.net.

هل تدعم جميع المتصفحات ES2020، أحدث إصدار من Javascript؟

نعلم أن كثيرًا من ميزات ES2020 متوفرة حاليًا في المتصفحات الحديثة والمواكبة لأحدث الإصدارات.

كيف نستخدم Javascript في صفحات الويب؟

نعرف ماهية HTML وCSS، لأن ذلك شرط أساسي لبدء الدورة.

أما Javascript، فتدعم جوانب كثيرة، مثل التحقق من صحة النماذج التي يُدخلها المستخدمون في HTML دون إرسالها إلى الخادم، وإعداد آلية لتقديم ملاحظات للمستخدم دون إعادة تحميل الصفحة باستخدام AJAX، ودعم HTML وCSS لإعداد واجهات مستخدم أكثر تقدمًا.

إضافة إلى ذلك، استُخدمت لإنشاء تطبيقات ويب ديناميكية من نوع تطبيقات الصفحة الواحدة (Single Page Applications)، مثل React وAngular وVue، والتي أصبحت أكثر انتشارًا في السنوات الأخيرة.

تهانينا 🎉

في درسنا الأول، تعلمنا ما هي JavaScript.

في القسم التالي، سنكتب أول أكواد JavaScript لنا.