مصادر مجانية لتعلم JavaScript

مرحبا انا محمدنور و جهزتلك اهم المصادر الي بدرس منها JavaScript

و بالتوفيق صديقي

مصادر عربية :

كورس جافا سكريبت كامل بالعربي | Abdelrahman Gamal

JavaScript projects || مشاريع جافا سكريبت في فيديو واحد

مصادر اجنبية:

w3school

javascript.info

https://developer.mozilla.org/en-US/docs/Web/JavaScript

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

هذا الملف محدث بشكل مستمر لذلك انصحك بالاحتفاظ به و اذا عندك اي سوال اتركه لنا في التعليقات.

كورس برمجة و تطوير المواقع Front End Developer انقر هنا

و كمان اقدملك خطة بسيطة لدراسة :

خطة لدراسة لغة جافاسكريبت بأفضل استراتيجية

المرحلة الأولى: الأساسيات
1. المقدمة إلى جافاسكريبت
– ما هي جافاسكريبت؟ وكيف تعمل؟
– بيئة التطوير المتكاملة (IDE) المناسبة.
– تشغيل أول كود جافاسكريبت في المتصفح.

2. المتغيرات والأنواع
– التعريف بالمتغيرات.
– الأنواع الأساسية: String, Number, Boolean.
– الفرق بين `let`, `const`, و`var`.

3. العمليات الرياضية والمنطقية
– العمليات الرياضية الأساسية.
– العمليات المنطقية (AND, OR, NOT).
– المقارنات (==, ===, !=, !==, >, <, >=, <=).

 

المرحلة الثانية: التحكم في التدفق

1. الشروط
– جمل `if`, `else if`, `else`.
– جملة `switch`.

2. الحلقات التكرارية
– حلقة `for`.
– حلقة `while` و`do while`.
– الحلقات المتداخلة.

 المرحلة الثالثة: الوظائف (Functions)

1.التعريف والاستخدام
– إنشاء الوظائف.
– استدعاء الوظائف.

2. المعاملات والقيم المرجعة
– المعاملات الافتراضية.
– القيم المرجعة من الوظائف.

3. النطاق (Scope)
– النطاق المحلي والعالمي.
– النطاق المغلق (Closures).

 المرحلة الرابعة: الكائنات والمصفوفات

1. الكائنات
– تعريف وإنشاء الكائنات.
– الخصائص والأساليب (Properties and Methods).
– الـ `this` في الكائنات.

2. المصفوفات
– تعريف وإنشاء المصفوفات.
– العمليات الأساسية على المصفوفات (إضافة، حذف، تعديل).
– تكرار المصفوفات (forEach, map, filter).

 

 المرحلة الخامسة: التعامل مع الـ DOM

1. الـ DOM
– ما هو الـ DOM؟
– طرق الوصول إلى العناصر.

2. التلاعب بالعناصر
– تغيير النصوص والمحتوى.
– تغيير الأنماط (Styles).
– إضافة وحذف العناصر.

3. الأحداث (Events)
– التعامل مع الأحداث.
– إنشاء ومعالجة الأحداث.

 المرحلة السادسة: الأساسيات المتقدمة
1. البرمجة الكائنية (OOP)
– المفاهيم الأساسية.
– الوراثة (Inheritance).
– الـ `class` و`constructor`.

2. التعامل مع JSON
– تحويل البيانات إلى JSON والعكس.
– التعامل مع JSON في التطبيقات.

3. الـ AJAX
– مفهوم الـ AJAX.
– التعامل مع البيانات بشكل غير متزامن (Asynchronous).

 المرحلة السابعة: مكتبات وأطر العمل

1. مقدمة عن المكتبات
– تعريف المكتبات وأطر العمل.
– مقدمة عن jQuery.

2. مقدمة عن أطر العمل
– React.js.
– Vue.js.
– Angular.

 المرحلة الثامنة: المشاريع العملية

1. مشاريع صغيرة
– تطبيق الآلة الحاسبة.
– تطبيق قائمة المهام (To-Do List).

2. مشاريع متوسطة
– موقع ويب شخصي.
– مدونة بسيطة.

3. مشاريع كبيرة
– متجر إلكتروني.
– تطبيق إدارة مهام متكامل.

النصائح العامة
التعلم المستمر البحث عن المقالات والدروس الجديدة.
ممارسة اليومية: كتابة الكود يوميًا حتى لو كان بسيطًا.
حل المشاكل: المشاركة في حل المشاكل على مواقع مثل HackerRank وLeetCode.
المشاركة في المشاريع المفتوحة المصدر: للحصول على خبرة عملية والتواصل مع المطورين الآخرين.

 

اترك ردّاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *