بناء الطيف الكامل للـ Frontend الحديث
Frontend development هو تخصص تحويل الكود إلى كل ما يراه المستخدم ويتفاعل معه في المتصفح — بنية HTML وتقديم CSS وسلوك JavaScript والأطر والأدوات التي تجمعها معاً على مستوى الإنتاج. يغطي هذا المسار المجموعة الكاملة: من كيفية تسليم الويب لصفحة ما إلى كتابة تطبيقات React و Vue آمنة النوع وتحسين الأداء والنشر عبر خط أنابيب CI/CD.
ما ستتعلمه
ستبدأ بـ أساسيات HTML و CSS و JavaScript، ثم تكتسب طلاقة في TypeScript وـ DOM و Browser APIs والتصميم سريع الاستجابة وأنماط ES6+ بما فيها البرمجة غير المتزامنة والوحدات. من هناك ستنتقل إلى React (hooks والأنماط المتقدمة و Next.js SSR) و Vue 3 (Composition API و Nuxt 3 SSR) وإدارة الحالة والاختبار الأمامي وعمارة CSS والواجهات الحقيقية مع WebSockets. ينهي المسار تحسين أداء الويب وأمان Frontend وأنظمة التصميم و Frontend CI/CD و DevOps.
مسار التعلم
تمتد واحد وأربعون دورة عبر المستويات A1 إلى C2. تضع دورات A1 و A2 الأساسيات — كيفية عمل الويب والترميز الدلالي وحركات CSS و Git ومقدمة TypeScript. تبني دورات B1 و B2 الكفاءة المهنية: CSS Layout Mastery و JavaScript Modules and Build Tools و React و Vue 3 أساسيات و API integration و Progressive Web Apps و Server-Side Rendering مع كل من Next.js و Nuxt 3. تتعامل دورات C1 مع الاهتمامات على مستوى أعلى: Advanced TypeScript for Frontend و React Advanced Patterns و Vue Advanced Patterns و Frontend Architecture و Design Systems and Component Libraries و Frontend Security و Frontend CI/CD and DevOps. ينتهي المسار عند C2 بـ Senior Frontend Engineering، الذي يدمج كل شيء في الممارسة بدرجة الإنتاج.
كيف يعمل
تُقسّم كل دورة إلى دروس قصيرة وعملية تكملها في محرر الأكواد المدمج مع تعليقات فورية. يتوفر معلم ذكي كلما تعثرت، وكل مفهوم يُعزّز من خلال تمارين تعكس سلوك المتصفح والإطار الفعلي بدلاً من الأمثلة المختلقة.