كيف أتعلم لغة JavaScript بشكل سليم ؟

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

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

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

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

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

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

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

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

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

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