ستجد هنا خريطة كاملة لتعلم الجافاسكريبت

Start
Start

Programming basics

يجب ان تكون على دراية بأساسيات البرمجة قبل الشروع في تعلم اي لغة برمجة

Basics
Basics

Javascript basics

تعلم اساسيات لغة الجافاسكريبت , مثال datatypes - if - loops - functions

Basics
Basics

DOM

بعد تعلمك لأساسيات لغة جافاسكريبت يجب عليك تطبيق ما تعلمته على صفحة ال html و تعلمك لل DOM يتيح لك التلاعب بكل خصائص صفحة ال html بل و بناء صفحة كاملة من خلال الجافاسكريبت فقط 

Basics
Basics

BOM

تعلم كيفية التحكم في المصتفح بكل خصائصه من خلال تعلمك لل BOM 

Advanced
Advanced

OOP

الـ OOP هو طريقة لكتابة الكود و تتيح لك امكانية عمل كائنات لها خصائص و دوال و هذه الطريقة تعتبر من اهم الطرق البرمجية بشكل عام ليست في الجافاسكريبت فقط و لكن تعلمك لها في الجافاسكريبت يتيح لك مجالات كثيرة

Advanced
Advanced

ES6

يجب ان تكون على دراية تامة بكل المستجدات التي حدثت في ال ECMAScript 6 لان و بعد هذا التطور اصبح من المستحيل الاستغناء عن الخصائص التي تم اضافتها

API
API

AJAX & JSON

تعلم ال AJAX وال JSON سيجعلك قادر على التعامل مع ال API و هذه واحدة من اهم الخطوات لك في مسارك

Framework
Framework

JS Framework

للتسهيل عليك و لتقديم افضل تجربة باقل وقت فيجب عليك استخدام فريم ورك للجافاسكريبت يمكنك الاختيار بين العديد منها مثال
Vue.js - React.js - Angular.js