كورس JavaScript بالعربي

ماذا ستتعلم؟

• كتابة أول برامجك وفهم المتغيرات وأنواع البيانات
• اتخاذ القرارات بالشروط وتكرار الأوامر بالحلقات
• تنظيم الكود بالدوال والدوال السهمية
• التعامل مع المصفوفات والكائنات
• التحكم في عناصر الصفحة والاستجابة لضغطات المستخدم
• بناء مشروع صغير تفاعلي من الصفر
• دوال المصفوفات المتقدمة والتفكيك و JSON والتواريخ
• المؤقتات ومعالجة الأخطاء والوعود و async و await
• جلب البيانات من الإنترنت بـ fetch وحفظها في المتصفح بـ localStorage
• الكلاسات والوحدات، ومشروع ختامي: قائمة مهام كاملة تحفظ بياناتها

فهرس الدروس

1. 1مقدمة في JavaScript: ما هي وأين تُستخدمتعرّف على لغة JavaScript: ما هي، ولماذا تُعد لغة الويب الأولى، وأين تُستخدم في المواقع والتطبيقات والسيرفرات، وما الذي تحتاجه لتبدأ تعلّمها اليوم.
2. 2أين تكتب كود JavaScript؟تعلّم الأماكن الثلاثة لكتابة JavaScript: طرفية المتصفح، ووسم script داخل صفحة HTML، والملفات الخارجية بامتداد js، ومتى تستخدم الخاصية defer ولماذا.
3. 3أول برنامج: console.log والتعليقاتاكتب أول برنامج حقيقي في JavaScript: اعرض النصوص والأرقام ونتائج العمليات باستخدام console.log، وتعلّم كتابة التعليقات بسطر واحد أو بعدة أسطر.
4. 4المتغيرات في JavaScript: let و constتعلّم كيف تخزّن البيانات في JavaScript باستخدام المتغيرات let و const، ومتى تستخدم كل واحدة، وقواعد تسمية المتغيرات، ولماذا نتجنب var في الكود الحديث.
5. 5أنواع البيانات في JavaScriptتعرّف على أنواع البيانات الأساسية في JavaScript: النصوص والأرقام والقيم المنطقية و null و undefined، وكيف تكشف نوع أي قيمة باستخدام الأمر typeof.
6. 6العمليات الحسابية وعمليات المقارنةتعلّم العمليات الحسابية في JavaScript مثل الجمع والقسمة وباقي القسمة، واختصارات مثل += و ++، وعمليات المقارنة والفرق المهم بين == و === في كودك.
7. 7النصوص في JavaScript وأهم دوالهاتعامل مع النصوص في JavaScript باحتراف: الطول والوصول للحروف، ودوال مثل toUpperCase و trim و includes و slice و replace، وقوالب النصوص لدمج المتغيرات.
8. 8الشروط في JavaScript: if و elseتعلّم كيف يتخذ برنامجك قرارات باستخدام if و else و else if في JavaScript، وكيف تجمع الشروط بالعمليات المنطقية && و || و !، وما هي القيم الصحيحة والخاطئة.
9. 9switch والمعامل الثلاثي في JavaScriptتعلّم كيف تختار بين احتمالات كثيرة بجملة switch في JavaScript، ولماذا تحتاج break، وكيف تختصر الشرط البسيط في سطر واحد باستخدام المعامل الثلاثي ? :
10. 10الحلقات في JavaScript: for و whileتعلّم تكرار الأوامر في JavaScript بحلقتي for و while و do while، وكيف تتحكم في التكرار باستخدام break و continue، وكيف تتجنب الحلقة اللانهائية في كودك.
11. 11الدوال في JavaScript (Functions)تعلّم كتابة الدوال في JavaScript: كيف تنشئ دالة وتستدعيها، وتمرر لها المعاملات، وتُرجع منها قيمة بـ return، وتضع قيماً افتراضية لتنظيم كودك وتجنب التكرار.
12. 12الدوال السهمية والنطاق في JavaScriptتعلّم كتابة الدوال السهمية المختصرة في JavaScript بعلامة =>، وافهم النطاق (Scope): أين يمكن استخدام كل متغير، والفرق بين المتغيرات العامة والمحلية والكتلة.
13. 13المصفوفات في JavaScript (Arrays)تعلّم تخزين قوائم البيانات في JavaScript بالمصفوفات: الإضافة بـ push والحذف بـ pop، والمرور بـ for of و forEach، وتحويل البيانات وتصفيتها بـ map و filter.
14. 14الكائنات في JavaScript (Objects)تعلّم تنظيم البيانات في JavaScript بالكائنات: الخصائص والقيم، والقراءة والتعديل والحذف، والدوال داخل الكائن و this، والمرور على الخصائص، ومصفوفات الكائنات.
15. 15التعامل مع الصفحة في JavaScript: DOMتعلّم التحكم في صفحة الويب بـ JavaScript عبر DOM: اختيار العناصر بـ querySelector، وتغيير النصوص والتنسيق والكلاسات، وإنشاء عناصر جديدة وإضافتها للصفحة.
16. 16الأحداث في JavaScript ومشروع عدّاد الضغطاتتعلّم جعل صفحتك تستجيب للمستخدم بالأحداث في JavaScript: الضغط والكتابة و addEventListener وكائن الحدث، ثم طبّق كل ما تعلمته ببناء مشروع عدّاد ضغطات كامل.
17. 17دوال المصفوفات المتقدمة في JavaScript: find و sort و reduceتعلّم دوال المصفوفات المتقدمة في JavaScript: البحث بـ find و includes، والفحص بـ some و every، والترتيب الصحيح بـ sort، والتجميع بـ reduce، والقص بـ slice.
18. 18التفكيك والنشر في JavaScript: Destructuring و Spreadتعلّم التفكيك والنشر في JavaScript: استخراج القيم من المصفوفات والكائنات في سطر واحد، والقيم الافتراضية، ونسخ البيانات ودمجها بالنقاط الثلاث، ومعامل rest.
19. 19JSON في JavaScript: JSON.stringify و JSON.parseتعلّم صيغة JSON لتبادل البيانات في JavaScript: قواعد كتابتها، وتحويل الكائنات إلى نص بـ JSON.stringify، وقراءة النص بـ JSON.parse، ومعالجة النص غير الصالح.
20. 20الأرقام والتواريخ في JavaScript: Math و Dateتعلّم الأرقام والتواريخ في JavaScript: التقريب بدوال Math، وتوليد رقم عشوائي في مدى محدد، وتنسيق الأرقام بـ toFixed، وإنشاء التواريخ وحساب الفرق بينها.
21. 21المؤقتات في JavaScript: setTimeout و setIntervalتعلّم تأجيل الكود وتكراره في JavaScript: تنفيذ دالة بعد مدة بـ setTimeout، وتكرارها بـ setInterval، وإيقافهما، ولماذا يُنفَّذ الكود المؤجل بعد باقي الكود.
22. 22معالجة الأخطاء في JavaScript: try و catch و throwتعلّم معالجة الأخطاء في JavaScript حتى لا يتوقف برنامجك: التقاط الخطأ بـ try و catch، وكتلة finally، وقراءة كائن الخطأ، ورمي أخطائك الخاصة بـ throw.
23. 23الوعود في JavaScript: Promise و async و awaitافهم البرمجة غير المتزامنة في JavaScript: ما هو الوعد Promise وحالاته الثلاث، واستقبال النتيجة بـ then و catch، والكتابة بـ async و await، و Promise.all.
24. 24جلب البيانات من الإنترنت في JavaScript: fetchتعلّم جلب البيانات من الخوادم في JavaScript بدالة fetch: إرسال طلب وقراءة JSON، وفحص response.ok، وإرسال بيانات بطريقة POST، ومعالجة أخطاء الشبكة.
25. 25التخزين المحلي في JavaScript: localStorageتعلّم حفظ بيانات المستخدم في المتصفح بـ localStorage في JavaScript: الحفظ والقراءة والحذف، وتخزين الكائنات والمصفوفات بصيغة JSON، وحدود الأمان.
26. 26الكلاسات في JavaScript: class والوراثةتعلّم الكلاسات في JavaScript: إنشاء كلاس بـ class و constructor، وإضافة الدوال، والخصائص الخاصة بعلامة #، و get و static، والوراثة بـ extends و super.
27. 27الوحدات في JavaScript: import و exportتعلّم تقسيم كود JavaScript إلى ملفات منظمة بالوحدات Modules: التصدير بـ export والاستيراد بـ import، والتصدير الافتراضي default، وربطها بالصفحة.
28. 28مشروع JavaScript: قائمة مهام تحفظ بياناتكطبّق كل ما تعلمته في JavaScript ببناء تطبيق قائمة مهام كامل خطوة بخطوة: إضافة المهام وإنهاؤها وحذفها، وعدّاد للمتبقي، وحفظ البيانات في localStorage.