ابدأ في تعلم JavaScript: لماذا يجب عليك وكيف تفعل ذلك مجانًا

هل تريد البدء في تعلم JavaScript ولكن لا تعرف كيف أو من أين تبدأ؟ في هذا المنشور ، سنقدم لك الإرشادات التي تحتاجها لبدء تثقيف نفسك بلغة البرمجة الشائعة.

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

ما هو JavaScript ولماذا نتعلمه؟

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

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

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

تمامًا مثل HTML و CSS ، تعد JavaScript أيضًا شيئًا يمكن لكل متصفح فهمه ومعالجته.

في WordPress أيضًا ، نشهد زيادة في تطبيق JavaScript. Calypso ، تطبيق سطح المكتب لـ WordPress.com يعتمد بالكامل على JavaScript ، وتحديداً React و Node.js.

محرر Gutenberg ، الذي حل محل محرر WordPress الكلاسيكي كواجهة كتابة افتراضية في عام 2018 ، يستخدم أيضًا JavaScript كتقنيتها الرئيسية.

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

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

مزايا وعيوب JavaScript

إلى جانب معرفة ما يمكنك استخدام JavaScript من أجله ، فإنه يساعد أيضًا في فحص إيجابياته وسلبياته.

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

لنبدأ بمزايا JavaScript كلغة برمجة:

• تعدد الاستخدامات - لقد ذكرنا بالفعل مجالات تطبيق لا تعد ولا تحصى لجافا سكريبت أعلاه. من مواقع الويب وتطبيقات الجوال وسطح المكتب إلى الأجهزة الذكية والألعاب ، وحتى التعلم الآلي - هناك القليل جدًا الذي لا يمكنك استخدامه من أجله. JavaScript مناسب أيضًا للواجهة الأمامية والخلفية ويعمل جيدًا مع لغات البرمجة الأخرى. باختصار ، تعد JavaScript قوة متعددة الاستخدامات.
• الود للمبتدئين - من السهل تعلم بناء جملة JavaScript. ليست هناك حاجة أيضًا لبناء بيئة تطوير ، يمكنك فقط بدء البرمجة في متصفحك. بالإضافة إلى ذلك ، تحتوي اللغة على مجتمع كبير عبر الإنترنت للحصول على المشورة والدعم. بالإضافة إلى ذلك ، يعد JavaScript رائعًا لتعلم المفاهيم الأساسية (مثل البرمجة الموجهة للكائنات) التي تنطبق على اللغات الأخرى أيضًا. أخيرًا ، هناك العديد من الأطر التي يمكن أن تساعدك.
• السرعة - عند مقارنتها بلغات البرمجة الأخرى ، خاصة تلك التي تعمل من جانب الخادم مثل PHP ، عادةً ما يتم تنفيذ JavaScript بشكل أسرع. لا عجب لأنه يمكن تشغيله مباشرة في المتصفح دون الحاجة إلى التجميع أو الرد على الخادم (ما لم يكن بحاجة إلى موارد خارجية). كما يؤدي إلى انخفاض الطلب على الخادم. لذلك ، غالبًا ما يكون خيارًا للتطبيقات أو المواقع التي تتميز بالكثير من التفاعل.

سلبيات JavaScript

هل جافا سكريبت لديها أي عيوب؟ بالطبع ، القليل من الأشياء تخلو تمامًا من سلبيات. في هذه الحالة ، إليك ما يجب التفكير فيه:

• مخاوف أمنية - نظرًا لأن JavaScript يعمل داخل متصفح المستخدم ، فمن الممكن استغلاله لأغراض ضارة. لهذا السبب يختار بعض الأشخاص إيقاف تشغيله في متصفحهم افتراضيًا.
• دعم عبر المستعرضات - على عكس البرامج النصية من جانب الخادم ، يفسر المستعرض المختلف أحيانًا رمز JavaScript نفسه بشكل مختلف. هذا يمكن أن يجعل من الصعب كتابة رمز متوافق عبر المستعرضات.
• مُحسّنات محرّكات البحث ( SEO ) - ليس من الواضح تمامًا مدى قدرة محركات البحث على الزحف إلى JavaScript ، لذا فهي تمثل مشكلة محتملة في تحسين محركات البحث. على أي حال ، أنت بحاجة إلى تعلم كيفية تنفيذ JavaScript بطريقة صديقة لكبار المسئولين الاقتصاديين.

الآفاق المهنية

في السنوات الأخيرة ، أصبحت لغة البرمجة أكثر شيوعًا. في استطلاع مطور Stack Overflow لعام 2021 ، تم التصويت على أنها لغة البرمجة الأكثر شيوعًا بين المطورين المحترفين. للسنة التاسعة على التوالي!

بالإضافة إلى ذلك ، فإن أفضل 5 أطر عمل للويب هي أيضًا جميع أطر عمل JavaScript.

مع انتقال اللغة إلى مناطق جديدة ، فإنها تفتح المزيد والمزيد من فرص العمل. وجد Devskiller أنه في عام 2019 ، كانت 72٪ من جميع الشركات تبحث عن مطوري JavaScript. لغة البرمجة هي أيضًا أكثر المهارات التي يتم اختبارها شيوعًا في المقابلات.

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

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

بالإضافة إلى ذلك ، عند البحث عن JavaScript على LinkedIn ، فإنه يعرض أكثر من 400000 فرصة عمل في الولايات المتحدة وحدها. لذلك ، مع وجود مهارات JavaScript تحت حزامك ، فإنك تواجه فرص عمل جيدة وأخرى ذات رواتب جيدة.

هل JavaScript سهل التعلم للمبتدئين؟

علاوة على ذلك ، ذكرنا أن إحدى مزايا JavaScript هي سهولة التعلم. لكي نظهر لك أن هذا صحيح ، سنستعرض بعض مفاهيم JavaScript الأساسية ورمزها الآن. بهذه الطريقة ، يمكنك تكوين رأي لنفسك.

تعليقات

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

تعرف JavaScript نوعين من التعليقات: سطر واحد ومتعدد الأسطر. إليك كيفية كتابتها:

 // Nothing in this line will be executed /* Neither Will Any of This */

سيشعر الأشخاص المطلعون على PHP بأنهم في منازلهم تمامًا لأن اللغتين تحددان التعليقات بنفس الطريقة.

إخراج البيانات

واحدة من أبسط الطرق لتجربة JavaScript هي استخدام alert() . يمكنك استخدامه لإخراج رسالة في نافذة منبثقة داخل متصفحك.

للحصول على ما سبق ، ما عليك سوى فتح وحدة التحكم في أدوات مطور متصفحك ولصق الكود التالي:

 alert("With JavaScript, it's really easy to make this box appear.");

من السهل جدا أن نفهم ، أليس كذلك؟ عندما تضغط الآن على إدخال ، يجب أن ترى نفس الرسالة المذكورة أعلاه.

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

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

التلاعب في DOM

في تصميم الويب ، غالبًا ما تستخدم JavaScript لإجراء تغييرات على واجهة المستخدم أو DOM. يرمز DOM إلى "نموذج كائن المستند" وهو في الأساس شجرة عناصر HTML التي تشكل صفحة ويب. يمكنك رؤيته عند فحص أي صفحة باستخدام أدوات المطور.

تقدم JavaScript الكثير من الخيارات المختلفة لإجراء تغييرات عليها. لنستعرض مثالاً لنبين كيف يمكنه فعل ذلك وكيف يبدو.

 <!DOCTYPE html> <html> <body> <h2>Start Learning JavaScript Demo Page</h2> <p></p> <script> document.getElementById("target").innerHTML = "With JavaScript, it's really easy to manipulate the DOM."; </script> </body> </html>

أعلاه ، قمنا بإنشاء صفحة HTML بسيطة. كما ترى ، يحتوي على عنوان وعنصر فقرة فارغ مع معرف target (إذا كنت لا تعرف عن فئات ومعرفات HTML ، يمكنك معرفة المزيد هنا).

يوجد أيضًا نص JavaScript في الأسفل. وقد تم تغليفه بعلامات <script> حتى تتعرف عليه المتصفحات. لفهم ما يفعله ، دعنا نفصله:

• document - يصل إلى كائن المستند ، وهو صفحة الويب.
• getElementByID("target") - البحث عن عنصر وفقًا لمعرفه. يحتوي القوس على المعرف الذي يجب البحث عنه بين علامات الاقتباس.
• innerHTML - يغير HTML الداخلي للعنصر.

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

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

ماذا عن الأطر؟

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

لذا ، إذا كانت أطر عمل JavaScript تجعل الحياة أسهل كثيرًا ، ألا يجب أن تبدأ في استخدامها على الفور؟

هذا في الواقع جزء من نقاش ساخن بين المطورين. يقول البعض أنه يجب عليك تعلم لغة JavaScript الفانيليا (بمعنى عادي) قبل الأطر. يرى البعض الآخر أنه يجب أن تبدأ مع أطر العمل على الفور لتصل إلى الأرض.

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

كيف أبدأ في تعلم JavaScript مجانًا؟

هذا يترك فقط السؤال ، أين يمكنك بالضبط البدء في تعلم JavaScript ، ويفضل أن يكون ذلك دون دفع ثمنها؟ فيما يلي عدد من الموارد المجانية التي يمكنك استخدامها لبدء رحلتك:

• MDN Web Docs - تعتبر شبكة مطوري Mozilla واحدة من الموارد الرئيسية لمعرفة تصميم الويب. إنه مليء بالبرامج التعليمية المتميزة حول كل شيء بدءًا من HTML عبر CSS إلى نماذج الويب وإمكانية الوصول والمزيد. لديهم أيضًا دليل شامل لتعلم JavaScript والذي يمكنك الاطلاع عليه مجانًا.
• W3Schools - على غرار MDN ، يحتوي W3Schools على مقدمة كاملة لـ JavaScript. يأتي في دروس صغيرة مع الكثير من الأمثلة التي يمكنك تجربتها بنفسك. الموقع رائع أيضًا كمورد بحث. بالإضافة إلى ذلك ، إذا كنت تريد نهجًا أكثر تنظيماً قليلاً وكنت على استعداد لدفع ثمنه ، يمكنك تجربة الدورات التدريبية المدفوعة.
• JavaScript.info - دورة JavaScript كاملة عبر الإنترنت يمكنك النقر عليها بنفسك. الكثير من المعلومات والمرئيات والنصائح (بما في ذلك ، على سبيل المثال ، ما هي برامج تحرير التعليمات البرمجية التي يجب استخدامها). كما أن لديها وظيفة تعليق حيث يمكن للقراء طرح أسئلة أو مناقشة أو مشاركة مقتطفات التعليمات البرمجية.
• Eloquent JavaScript - في الأصل كتاب مطبوع ، يتوفر Eloquent JavaScript بالكامل مجانًا على الإنترنت وككتاب إلكتروني. إنه كثيف جدًا ، لذا ربما يكون أكثر ملاءمة للمطورين المتوسطين.

لدينا أيضًا مقالًا به موارد تعليمية إذا كنت تبحث عن المزيد. بالإضافة إلى ذلك ، هناك دورات مدفوعة مثل Team Treehouse و Udemy و Skillshare.

لذا ، هل يجب أن تبدأ في تعلم JavaScript في عام 2022؟

تعد JavaScript جزءًا لا يتجزأ من الويب الحديث. لا يمكن التفكير في العديد من وظائف مواقع الويب والتطبيقات بدون لغة البرمجة الديناميكية هذه. بالإضافة إلى ذلك ، فقد تشعبت إلى العديد من المجالات الأخرى مثل الألعاب والتعلم الآلي.

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

إذا كنت ترغب في غمس إصبع قدمك ، فهناك الكثير من الموارد المجانية عبر الإنترنت لبدء تعلم JavaScript. يمكنك أن تبدأ على الفور ، فلماذا لا تفعل ذلك؟

هل لديك أي موارد ابتدائية أخرى لتعلم JavaScript لمشاركتها؟ إذا كان الأمر كذلك ، يرجى القيام بذلك في التعليقات أدناه!