ال Web platform المتقدم

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

دي فيتشرز ال Platform اللي تحت ال Frameworks. مش هتستخدمها كل يوم، بس بتحل مشاكل ال Frameworks متقدرش تحلها: الشغل Offline، و Components شغالة مع أي Framework، وإنك تشيل الشغل التقيل من ال Main thread.

تتعلم إيه

1. اتعلمه بعدين

   Web Components

   علّم إنه خلص

   Custom elements و Shadow DOM وال Templates وال Slots. بتتستخدم في Design systems لازم تشتغل مع React و Angular و Vue.

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

   • تقدر تعمل Custom element ب Attributes و Events و Slots.

   المصادر

   • MDN — Web ComponentsDocs
2. اتعلمه بعدين

   ال PWAs وال Service workers

   علّم إنه خلص

   Apps تتسطّب، و Offline caching strategies، و Background sync، و Push notifications.

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

   • تقدر تخلي App يشتغل Offline ب Caching strategy اخترتها بوعي.

   المصادر

   • web.dev — Learn PWAكورس
3. اختياري

   ال Web Workers وال Main thread

   علّم إنه خلص

   إنك تنقل الحسابات التقيلة بعيد عن ال Main thread عشان ال UI يفضل سريع (وال INP قليل).

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

   • تقدر تنقل حساب تقيل ل Web Worker.

   المصادر

   • MDN — Using Web WorkersDocs

أخطاء شائعة

• إنك تحوّل أي موقع ل PWA من غير ما يكون فيه احتياج حقيقي للشغل Offline.