Advanced JavaScript

ليه المرحلة دي مهمة

دي المرحلة اللي بتحدد انت هتوصل لفين. اللي فاهم Closures و Async وال Event loop بيتعلم أي framework في أسابيع، وهو اللي يقدر يراجع كود ال AI بدل ما يصدقه وخلاص. أغلب 'مشاكل React' هي في الحقيقة مشاكل JavaScript من المرحلة دي.

الكورس الخاص بالمرحلة

• Advanced JavaScriptمن Shadow Coding · كورس · عربي

تتعلم إيه

1. لازم تعرفه

   ال Scope وال Closures و this وال Prototypes

   علّم إنه خلص

   المتغيرات بتتقري منين، وليه ال Closure بيفتكر، و this بيشاور على إيه، وال Classes مبنية على ال Prototypes إزاي.

   تبقى خلصته لما

   • تقدر تشرح ال Closure بمثال انت كاتبه بنفسك.
   • تقدر تتوقع this في function عادية، و arrow function، و method.
2. لازم تعرفه

   Async JavaScript وال Event loop

   علّم إنه خلص

   Callbacks و Promises و async/await، وال Error handling، و AbortController، وال Event loop بيرتب ال Tasks وال Microtasks إزاي.

   تبقى خلصته لما

   • تقدر تتوقع ترتيب ال console output لكود فيه setTimeout و Promise وكود sync مع بعض.
   • بتشغل ال Requests المستقلة مع بعض ب Promise.all، وبتلغي القديمة ب AbortController.
3. اتعلمه بعدين

   فيتشرز اللغة الحديثة (ES2015+)

   علّم إنه خلص

   ال Iterators وال Generators، و Map و Set، و Symbol، و Proxy، و structuredClone، وطرق ال Error handling، وإزاي ECMAScript بيتطور. الفيتشرز اللي بتظهر في كود ال Libraries وفي ال Interviews.

   تبقى خلصته لما

   • تقدر تقول إمتى Map أو Set أنسب من Object أو Array عادي.
   • تقدر تقرا Generator أو Proxy في كود library من غير ما تتوه.

أخطاء شائعة

• إنك تحفظ التعريفات بدل ما تتوقع ال output. لو مش قادر تقول ال Snippet هيطبع إيه، يبقى لسه مااتعلمتوش.
• إنك تعدّي المرحلة دي وتنسخ useEffect من غير ما تفهم ال Closures.
• إنك تجري على React وانت ضعيف في ال Async. ال Race conditions وال Stale data مشاكل async مش مشاكل React.