مطوّر الواجهات الأمامية (Frontend)

💡 لماذا هذه المرحلة؟

كل صفحة ويب في العالم تبدأ بـ HTML — فهي الهيكل العظمي للصفحة. قبل أن تلوّن أو تحرّك أي شيء، يجب أن يكون لديك بنية. لا يمكنك تخطّي هذه المرحلة لأن كل ما يأتي بعدها (CSS وJavaScript) يعمل فوق عناصر HTML.

🎯 أهم ما ستتقنه

💡 لماذا هذه المرحلة؟

بعد بناء الهيكل بـ HTML، يأتي CSS ليحوّله من صفحة بيضاء جافّة إلى تصميم جميل ومتجاوب. هذه المرحلة تكمّل سابقتها مباشرةً: HTML يقول 'ما هذا'، وCSS يقول 'كيف يبدو'. بدونها ستبقى مواقعك بدائية.

🎯 أهم ما ستتقنه

💡 لماذا هذه المرحلة؟

بعد فهم CSS الخام، يسرّع Tailwind عملك كثيرًا عبر فئات جاهزة تكتب التنسيق مباشرةً في الـ HTML. تتعلّمه بعد CSS لا قبله، حتى تفهم ما يفعله تحت الغطاء. اختياري لكنه معيار صناعي اليوم.

🎯 أهم ما ستتقنه

💡 لماذا هذه المرحلة؟

حتى الآن مواقعك جميلة لكنها ساكنة. JavaScript هي التي تضيف الحياة: التفاعل، المنطق، الاستجابة للنقرات، وجلب البيانات. هذه المرحلة هي الأهم والأصعب في المسار، وهي البوّابة لكل ما بعدها (React تُبنى كليًّا على JavaScript).

🎯 أهم ما ستتقنه

💡 لماذا هذه المرحلة؟

بعد إتقان JavaScript، يضيف TypeScript طبقة أمان عبر 'الأنواع' التي تكتشف الأخطاء قبل تشغيل الكود. تتعلّمه بعد JS مباشرةً لأنه ليس لغة جديدة بل JavaScript بإضافات. اختياري للمبتدئ لكنه ضروري للمشاريع الكبيرة.

🎯 أهم ما ستتقنه

💡 لماذا هذه المرحلة؟

كتابة تطبيقات كبيرة بـ JavaScript الخام يصبح فوضويًا. React تحلّ ذلك عبر 'المكوّنات' القابلة لإعادة الاستخدام التي تُحدّث الواجهة تلقائيًا. هذه المرحلة هي القفزة من 'كتابة صفحات' إلى 'بناء تطبيقات'، وتعتمد كليًّا على إتقانك لـ JavaScript.

🎯 أهم ما ستتقنه

💡 لماذا هذه المرحلة؟

React وحدها مكتبة للواجهة فقط. Next.js هو الإطار الذي يحوّلها إلى مواقع كاملة: توجيه، أداء عالٍ، وتصيير من الخادم ممتاز للـ SEO. هذه المرحلة الأخيرة تجمع كل ما تعلّمته في منتج احترافي جاهز للنشر.

🎯 أهم ما ستتقنه