تخطي إلى المحتوى

مسار التطور لـ Senior

رحلة تعلّم مُمنهَجة من Mid إلى Senior Front-end Engineer — مع متابعة حيّة للتقدّم.
المستوى الحاليJunior
0%
0 / 109 مهمة
المدة المتبقية لـ Senior ~53 أسبوع ≈ 742 ساعة
Junior
Mid
على باب Senior
Senior
التقدّم نحو Mid0%

المراحل

تفهم وتشرح المحرك من جوه — مش تستخدم وخلاص.

الأسبوع 1 — نموذج التنفيذ
  • Execution context + Call stack: ازاي JS بيشغّل الكود خطوة خطوةتعلّم
  • Hoisting و TDZ (var / let / const)تعلّم
  • Scope: global / function / blockتعلّم
  • تمرين: خد سنيبت فيه var/let واشرح بصوت عالي ترتيب التنفيذشرح
الأسبوع 2 — this & binding
  • قواعد this الأربعة (default / implicit / explicit / new)تعلّم
  • call / apply / bindتعلّم
  • arrow functions و thisتعلّم
  • تمرين: اكتب مثال لكل حالة this من غير AIتطبيق
الأسبوع 3 — Closures (الأهم)
  • يعني إيه closure و lexical scopeتعلّم
  • أمثلة: counter / private state / curryingتعلّم
  • تمرين: ابني module pattern بـ closure من الصفرتطبيق
  • اشرح closure لحد متخيّل في 3 جُمل من غير ما تبص على حاجةشرح
الأسبوع 4 — Prototypes & Inheritance
  • Prototype chain و __proto__ vs prototypeتعلّم
  • الـ classes تحت الغطا (syntactic sugar)تعلّم
  • تمرين: اعمل inheritance بالـ prototypes بإيدكتطبيق
الأسبوع 5 — Objects, References & Proxies
  • value vs reference + shallow/deep copyتعلّم
  • Proxy & Reflect (تمهيد لفهم reactivity في Vue)تعلّم
  • تمرين: اعمل reactive object بسيط بـ Proxy بإيدكتطبيق
الأسبوع 6 — Async (1) — Event Loop
  • Call stack + Web APIs + Task/Microtask queuesتعلّم
  • Microtask vs Macrotask (Promise vs setTimeout)تعلّم
  • تمرين: توقّع ترتيب طباعة console.log في كود مختلط، وتأكّدتطبيق
الأسبوع 7 — Async (2) — Promises & async/await
  • Promise states + chaining + error handlingتعلّم
  • async/await تحت الغطاتعلّم
  • تمرين: implement نسخة مبسطة من Promise.all بنفسكتطبيق
الأسبوع 8 — Modern JS + مراجعة
  • ES Modules (import/export, tree-shaking)تعلّم
  • destructuring / spread / optional chaining بعمقتعلّم
  • مراجعة: اشرح كل موضوع من المرحلة بصوت عاليشرح