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

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

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

الـHTML توفر المحتوى، الـCSS توفر الشكل والمظهر لهذا المحتوى، والجافاسكريبت يوفر التفاعل لهذ المحتوى. لذا بدون الجافاسكريبت، ستكون تجربة الويب للمستخدمين مملة للغاية.

هناك مكان آخر تستخدم فيه الجافاسكريبب في نطاق واسع في تطوير الواجهات بإستخدام إطارات عمل حديثه مثل: NodeJS. في الواقع هناك حزمة ويب شهيرة تُسمى حزمة MEAN والذي تمثل إطارات عمل MongoDB  و ExpressJS و AngularJS و NodeJS.

يحتوي كل تطبيق على جزأين. الجزء الخلفي وهو الجزء الخفي الذي لا يراه المستخدم و الخاص بالـSERVER او الخادم. و الجزء الامامي، وهو ما سيراه المستخدم في المتصفح. لغات البرمجة الأساسية و الشائعة و هي PHP و Java و Python وما إلى ذلك. المسأله هنا انه في إستخدام لغات البرمجة هذه، هي إنه يتعين على المنظمات توظيف مطوري واجهات خلفية الذين لديهم مهارات في إحدى لغات البرمجه هذه و مطوري الواجهات الأمامية الذين لديهم مهارة إستخدام لغة الجافاسكريبت.
× ملحوظة!لا تخلط بين لغة الـJava ولغة الـJavascript لأنهم لغتين مختلفتين تمامًا.

NodeJs هو إطار عمل للويب يستند على لغة جافاسكريبت، و قد إكتسب شعبية مؤخرًا بسبب إنه في الواقع يمكن للمنظمات و الشركات الآن توظيف مبرمجين للغة الجافاسكريبت الذين يمكنهم العمل على الواجهات الأمامية و الواجهات الخلفية. هذا يجعل توظيف المبرمجين أسهل كثيرًا وكذلك لأن المطوّر نفسه يعرف كلاً من الواجهتين؛ لذا أصبح من الأسهل إدارة الكود.

لماذا أتعلم لغة الجافاسكريبت؟

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

كما إرتفعت مرتبات مبرمج الجافاسكريبت بشكلٍ حاد، لا سيما في المناطق التي تتطور فيها الشركات الناشئة. العديد من الشركات الناشئة هذه الأيام تنتقل إلى حزمة الـMEAN وهكذا. فإن الطلب سوف يزداد على تلك اللغة.

كل هذة العوامل تجعل جافاسكريبت إختيارًا ممتازًا لأولئك الذين يرغبون في تطوير مهنتهم كمهندس برمجي.

كيف أتعلم الجافاسكريبت سريعًا؟

في الواقع واحدة من افضل الطريق لتعلم الجافاسكريبت بسرعة هي تنفيذ مشروح يعتمد على الجافاسكريبت. فيما يلي بعض من افكار المشاريع المهمة بإستخدام جافاسكريبت
  • آلة حاسبة بسيطه مع عمليات مثل الجمع والطرح و الضرب و القسمة، إلخ.
  •  آلة حاسبه لحساب فواتير للتجارة الإلكترونية.
  • نظام لتقسيم الفاتورة ليساعد في تقسيم الفواتير بين الأصدقاء.
  • لعبة اسئه بسيطة.
  • مربع بحث بسيط مدعوم من الجافاسكريبت.
  • مدقق للنماذج الذي يتأكد من عدم وجود كلمة غير صحيحة في النموذج.
  • صندوق للتعليقات مدعوم من الجافسكريبت في مدونة.
  • لعبة مثل اللعبه الشهيرة Tic-tac-toe بإستخدام جافاسكريبت،HTML،CSS.
  • معرض للصور.
  • EchBot- روبوت يعيد ما كتبتة إليه للتو.
  • تطبيق لقوائم المهام التي تساعدك في إدارة المهام الخاصه بك.
  • صفحة تفاعلية خاصه بك.
  • منشئ مستند إحصائيات بسيط بإستخدام جافسكريبت. حيث يمكنك عرض إحصائيات مثل: عدد الكلمات او عدد الحروف الأبجدية او حتى عدد الفقرات، إلخ.
  • منبه او مؤقت بغستخدام جافسكريبت.
  • مولد أرقام من ا إلى 10 على سبيل المثال
*خطوات إشاء مشروع معتمد على الجافسكريبت كا يلي:-
  • إختر فكرة مشروع من تلك المذكورة سابقًا.
  • صمم واجهة مستخدم سهلة الإستخدام على ورقة اولاً.
  • خطط لمنطق المشروع على سبيل المثال: (كيف سيعمل اللعبه الخاصه بالأسئلة ؟) واكتبها على ورقة ابضًا.
  • اكتب اكواد افتراضيه لعمل إطار عمل مناسب لك، في هذا الرمز الزائف يجب انت تقوم بأخذ ملاحظات من أجل الوظائف التي ستكتبها ومعاملتها وقيمة النواتج. سيؤدي هذا في جعلك خطوة أقرب إلى الشكل النهائي.
  • أخيرًا، إبداً في التكويد بإستخدام الجاسكريبت و أي شيئ تواجهة قم بالبحث في جوجل عن كيفية عمل ذلك الشيء. على سبيل المثال، العناصر في الفاتورة للتجارة الإلكترونيه مثلاً قد تتطلق حلقه او ما يُسمى بالـLoop ، ما عليك سوى البحث في جوجل على مثال بسيط عن كيفية عمل حلقة في الجافسكريبت, وستتمكن بسرعه من عمل كود جاهزل للعمب بإذن الله.
يمكنك تكرار هذا النهج المقترح أعلاه لمشاريع متعدده، و في النهاية سوف تكون على دراية في الجافاسكريبت وكيفية إستخدامها. ويمكنك بعد ذلك الإنتقال إلى مشاريع متقدمه بالجافاسكريبت. هناك طريقة أخرى لتعمل الجافاسكريبت وهي إتباع برامج تعليمية و كورسات معروفه تعتمد على الجافاسكريبت: يمكنك العثور على قائمة رائعة من دروس الجافاسكريبت على اليوتيوب، في معظم هذه البرامج التعليمية، ستعمل على مشروع جافاسكريبت فعلي، و بالتالي سوف تساعدك على فهمة بشكلٍ أفضل. هذا النهج الثاني الذي ذكرته هو أكثر فائدة للذين يتعلمون الجافاسكريبت وفي بدايتهم، يعد اتباع برنامج تعليمي خطوة بخطوة مفيدًا جدًا إذا كنت جديدًا في البرمجه و تريد ان تفهم ليست لغة البرمجة فقط بل وايضًا مفاهيمها وأساسيتها اصلاً
مفتاح تعلم الجافاسكريبت بسرعة هو كتابة الكثير من أكواد الجافسكريبت في مشاريع صغيرة، هذا سيساعدك في التعرف على بناء اكواد الجافسكريبت بل وليس ذلك فقط، سيساعدك ذلك في معرفة اين يمكنك او لا يمكنك إستخدامها لتعامل معها بشكلٍ فعال.
Javascript برمجة دروس