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

أساسيات لغة جافاسكربت

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

تعلم ال DOM + BOM

يجب عليك تعلم كل ما يخص ال Document Object Model و ال Browser Object Model لتتعرف على طريقة التلاعب بالعناصر داخل ال DOM وكيف تنشيء عناصر وتحذف عناصر وتضيف إليها Classes وخواص وتجلب كل المعلومات التي تخصها وكيف تتحكم في ال Dom Tree كاملا لتنفذ فكرتك وهناك الكثير من التطبيقات تساعدك على توظيف ما تعلمته نظريا.

التطبيق العملي وحل المشاكل

بعد الأساسيات هذه أهم مراحل حياتك وهي التي سوف تقيس مستواك في المستقبل وهي كيف توظف ما تعلمته في الأساسيات بشكل سليم وكيف تحل المشاكل التي تواجهك وهذه المرحلة تحتاج منك تطبيقات عملية كثيرة جدا, قم بعمل أي شيء يخطر على بالك قم بعمل آلة حاسبة قم بعمل لعبة Memory Game قم بعمل Slider قم بعمل ToDo List قم بعمل كل ما تستطيع عمله وتوجه لموقع Codepen وابحث فيه عن كلمة JavaScript وسوف تجد آلاف التطبيقات العملية قم بفتحها واقرأ الكود لتعرف ماذا يحدث ومع الوقت سوف تزيد مهاراتك وتفهم الأكواد التي لم تكن تفهمها سابقا, وبعد ذلك اتجه لحل المسائل وهنا عشرات المواقع التي تحتوي على مسائل برمجية بجميع لغات البرمجة وال Scripting مثل موقع Edabit وموقع Hackerrank. افتح الموقع وقم بالتسجيل فيه وابدأ بحل المسائل البسيطة وعندما تتمكن من حل جميع المسائل البسيطة أبدا بالدخول على المسائل المتوسطة وهكذا وهذه المرحلة سوف تستمر معك حتى وانت تكمل باقي مسار تعلم اللغة بمعنى لن تتوقف عن حل المسائل ولن تتوقف عن التطبيق العملي على ما تعلمته نظريا.

معايير ال ECMAScript

بعد تعلم اللغة وأثناء التطبيق العملي يجب عليك تعلم ما الجديد في معايير ال ECMAScript 6 وما الذي تغير في اللغة وبمعرفتك هذه المعايير سوف يتطور الكود الخاص بك كثيرا وسوف تستفيد بالمميزات الجديدة التي تقدمها المعايير الجديدة ES6 وسوف تجد متعة كبيرة وأشياء كثيرة تم إختصارها وتم تسهيلها عليك.

تعلم ال OOP

يجب عليك تعلم كل ما يخص ال Object Oriented Programming وكيف تتعامل مع ال Object وهذا سوف يضيف إليك الكثير وسوف تستفيد بالمميزات الرائعة لل OOP Paradim وسوف تجد مميزات كثيرة لم تكن تستطيع عملها بواسطة ال Procedural Programming وسوف تحل الكثير من المشاكل وسوف تنظم الكود الخاص بك أكثر وأكثر, وعند تعلم هذه المرحلة يجب عليك الذهاب لموقع Codepen وتبحث عن الكثير والكثير جدا جدا من التطبيقات العملية التي يتم عملها بواسطة ال OOP ولا تنسى أ، تستغل المميزات الجديدة Classes الموجودة في ال ES6 ولا تمل أبدا من التطبيقات لأنها هي التي سوف تزيد مستواك وبعدها أيضا مارس التمارين وحل المسائل على المواقع المذكورة في الخطوات السابقة.

تعلم ال JSON + AJAX

وهذه من أهم التقنيات التي تجعلك قادرا على التعامل مع ال API وكيف تجلب البيانات وتتعامل معها وكيف تتعامل مع ال Requests والبيانات القادمة من ال Server وهذه من أهم التقنيات التي يجب تعلمها وهناك الكثير من التقنيات في هذا المجال مثل Fetch API و Axios وهكذا وفكرتهم واحدة مع إختلاف ال Syntax والمميزات الموجودة فيهم.

تطبيقات عملية على AJAX + JSON

يجب عليك التطبيق على هذه التقنيات كثيرا لأن كل عملك في المستقبل سوف يكون مبني على هذه الفكرة وهي فكرة جلب البيانات من ال API والتعامل معها ويمكنك مشاهدة تطبيقات عملية تقوم بجلب مثلا آخر ال Tweets لشخص معين أو جلب بيانات قناة Youtube في موقعك او جلب بيانات Repositories لشخص على موقع Github ولا تنسى التطبيق كثيرا مع تكملة التطبيقات العملية في الخطوات السابقة.

تعلم ال Algorithm + Data Structure

حتى تصل للإحتراف يجب عليك تعلم ال Algorithm لتستطيع حل أعقد المسائل ويجب عليك تعلم هيكلة البيانات Data Structure وكيف تتعامل اللغة مع البيانات لفهم عميق للغة

تعلم ال Unit Testing

ال Testing من أهم الاشياء التي تميزك كمحترف في مجالك وهناك الكثير من ال Frameworks التي تساعدك في مجال ال Unit Testing مثل Jest و Jasmine يجب عليك تعلم هذه المهارة فسوف تضيف إليك الكثير ويجب عليك تعلمها بتطبيق عملي مع الأساسيات حتى تفهمها جيدا.