الأدوات التي نعمل بها
كل يوم
تطوير الواجهات الأمامية يعتمد على اختيارات تقنية مدروسة. هذه الصفحة تعرض الأدوات والأطر التي نستخدمها فعلياً في الندوات والتدريب العملي.
ما وراء الأُطر الشائعة
كثير من المنصات تدرّس أدوات عامة دون سياق حقيقي. في ندواتنا، كل تقنية مرتبطة بمشكلة محددة يواجهها المطوّر فعلاً - من إدارة الحالة في تطبيقات كبيرة، إلى تحسين أداء التحميل الأول.
نركّز على الأدوات التي يطلبها سوق العمل في منطقة الشرق الأوسط وأوروبا، مع الانتباه لما يتغير سريعاً وما يبقى ثابتاً.
بيئة عمل حقيقية - لا عروض تقديمية مصطنعة
الأساسيات
- HTML5 الدلالي
- CSS3 والـ Grid
- JavaScript ES2024
- TypeScript
أُطر العمل
- React 18+
- Vue 3 / Nuxt
- Next.js
- Astro
التصميم والأنماط
- Tailwind CSS
- CSS Modules
- Figma للمطوّرين
- Storybook
الأدوات والبنية
- Vite / Webpack
- Git / GitHub
- CI/CD الأساسي
- Docker للواجهة
الأداء والجودة
- Core Web Vitals
- Lighthouse
- اختبار Vitest
- إمكانية الوصول
إدارة الحالة والبيانات
- Zustand / Pinia
- React Query
- GraphQL العميل
- REST API
لماذا هذه الأدوات تحديداً؟
اخترنا كل تقنية بناءً على طلب سوق العمل الفعلي في الإمارات والمنطقة، لا بناءً على الشهرة وحدها. بعض الأدوات الرائجة لا تُعلَّم هنا لأنها لا تُستخدم في بيئات الإنتاج الحقيقية.
التحديث المستمر للمحتوى
نراجع قائمة التقنيات كل ستة أشهر. عندما تتغير معايير الصناعة، يتغير المنهج معها - المشاركون يتلقون إشعاراً مسبقاً بأي تغيير جوهري.
تطبيق عملي في كل ندوة
لا تُشرح التقنية نظرياً فقط. كل ندوة تتضمن مهمة برمجية قصيرة تُنجز أثناء البث المباشر، مع مراجعة فورية من المدرّب.
مستوى الدخول والتقدّم
المسارات مقسّمة بوضوح - من المطوّر الذي يعرف HTML الأساسي فقط، إلى من يريد إتقان بنية التطبيقات الكبيرة. لا يوجد مسار واحد يناسب الجميع.
خبراء الندوات
طارق المنصوري
React & Architecture
يوسف القحطاني
Performance & Testing
ليلى الزهراني
CSS & Design Systems
