لماذا تتعلم JavaScript الحديثة؟
شهدت JavaScript تطورًا كبيرًا مع إدخال ES6 (ECMAScript 2015) والإصدارات التي تلتها. وقد أضافت هذه التحديثات ميزات عديدة تجعل الشيفرة أكثر قابلية للقراءة، وأسهل في الصيانة، وأكثر قوة.
ستأخذك سلسلة الدروس هذه عبر المفاهيم الحديثة في JavaScript، من الدوال السهمية (arrow functions) إلى وحدات ES، مرورًا بالـ promises وasync/await وغيرها الكثير.
دروس السلسلة
1
مقدمة في ES6+
اكتشف تاريخ JavaScript وتطور ECMAScript والأسباب التي تدعو إلى اعتماد الميزات الحديثة في JavaScript.
ابدأ هذا الدرس 2
المتغيرات باستخدام let وconst
افهم الفروق بين var وlet وconst، إضافةً إلى نطاق المتغيرات والمنطقة الميتة الزمنية (temporal dead zone).
ابدأ هذا الدرس 3
الدوال السهمية (Arrow Functions)
أتقن الدوال السهمية، وصياغتها المختصرة، وسلوكها الخاص مع this المعجمية (lexical this).
ابدأ هذا الدرس 4
فك التركيب (Destructuring) ومعامل الانتشار (Spread Operator)
تعلّم كيفية استخراج القيم من الكائنات والمصفوفات باستخدام destructuring، ونشر العناصر باستخدام spread operator.
ابدأ هذا الدرس 5
الأصناف (Classes) والنماذج الأولية (Prototypes)
اكتشف صياغة الأصناف في JavaScript، والوراثة، وعلاقة ذلك بنظام النماذج الأولية التقليدي.
ابدأ هذا الدرس 6
Promises وAsync/Await
أتقن الـ Promises لإدارة العمليات غير المتزامنة، وبسّط شيفرتك باستخدام async/await.
ابدأ هذا الدرس 7
وحدات ES (ES Modules)
تعلّم كيفية تنظيم شيفرتك في وحدات باستخدام import وexport في ES6، للحصول على قابلية صيانة أفضل.
ابدأ هذا الدرس 8
Map وSet وهياكل البيانات الجديدة
اكتشف هياكل البيانات الجديدة مثل Map وSet وWeakMap وWeakSet، وكيفية استخدامها بكفاءة.
ابدأ هذا الدرس 9
مشروع: تطبيق ملاحظات باستخدام JavaScript الحديثة
طبّق جميع الميزات الحديثة في JavaScript ضمن مشروع متكامل لتطبيق تدوين الملاحظات.
ابدأ هذا الدرس