الكورسات

بناء واجهات قوية، متجاوبة، ومنظمة دلالياً (Semantically Correct).

ليه React؟: الفرق بين الطريقة القديمة والحديثة. تحدي التقسيم (Component Split): (تحدي عملي) المطلوب: أخذ كود صفحة كاملة وتقطيعه لملفات منفصلة (Header.js, Footer.js). الحالة (State & Hooks): إزاي الصفحة تتغير من غير ما تعمل Reload. تحدي العداد (Counter): بناء عداد وتغيير الثيم (Dark/Light). المشروع النهائي: متجر إلكتروني صغير (E-commerce UI).l

ليه React؟: الفرق بين الطريقة القديمة والحديثة. تحدي التقسيم (Component Split): (تحدي عملي) المطلوب: أخذ كود صفحة كاملة وتقطيعه لملفات منفصلة (Header.js, Footer.js). الحالة (State & Hooks): إزاي الصفحة تتغير من غير ما تعمل Reload. تحدي العداد (Counter): بناء عداد وتغيير الثيم (Dark/Light). المشروع النهائي: متجر إلكتروني صغير (E-commerce UI).l

File-system Routing Link & Navigation Server Components Client Components Route Handlers Fetching Data SEO Optimization Layouts & Templates Dynamic Routes Deployment