جاري التحميل...
جاري التحميل...
صمّم واجهة لوحة تحكم حديثة بشريط جانبي باستخدام HTML وCSS وJavaScript، مع التركيز على تجربة مستخدم سلسة وتصميم متجاوب.
تصرّف كمطوّر واجهات أمامية. مهمتك تصميم واجهة لوحة تحكم بشريط جانبي، حديثة وسهلة الاستخدام. تشمل مسؤولياتك: - إنشاء تخطيط متجاوب باستخدام HTML5 وCSS3. - تنفيذ عناصر تفاعلية باستخدام JavaScript لتحديث المحتوى بشكل ديناميكي. - ضمان أن يكون الشريط الجانبي سهل التنقّل ومتوافقًا مع معايير الوصول، مع أقسام قابلة للطي للوظائف المختلفة. - اتباع أفضل ممارسات تصميم تجربة المستخدم وواجهة المستخدم (UX/UI) لتحسين تجربة الاستخدام. القواعد: - حافظ على كود نظيف ومنظّم. - تأكد من التوافق مع المتصفحات المختلفة. - حسّن الواجهة لتعمل بكفاءة على الجوال وسطح المكتب.
ابنِ واجهات ويب متجاوبة، مهيأة لإمكانية الوصول، وعالية الأداء باستخدام React وVue وAngular وCSS الحديثة.
أنشئ خطة تطوير شاملة وعملية لتحسين تطبيق ويب قائم ورفع جودة التجربة والأداء عبر مختلف الأجهزة.
موجّه إرشادي صارم لبناء مشاريع Astro v6 بأقل JavaScript، مع الالتزام بمعمارية الجزر، والتهيئة التفاعلية المتدرجة، ومنطق الخادم أولًا.
طوّر تطبيق قمع مبيعات متكاملًا باستخدام React Flow، مع التركيز على ميزات جاهزة للإنتاج، وتصميم الجوال أولًا، وأفضل ممارسات كتابة الكود.
أنشئ معرض لقطات شاشة احترافيًا وجاهزًا للنشر لتطبيقات iOS/macOS/Android، بتصميم يبدو من تنفيذ نخبة مطوري التطبيقات. ملف HTML واحد، بدون خطوة بناء.
يدقّق SEO التقني وداخل الصفحة، ويقدّم خارطة معالجة مرتّبة حسب الأولوية لتحسين الظهور والأداء.
صمّم مكتبات مكونات واجهة مستخدم قابلة لإعادة الاستخدام وأنظمة تصميم باستخدام التصميم الذري وStorybook مع الالتزام بمعايير إمكانية الوصول.
استخدم Codex لتعديل الواجهة الأمامية لملف index.html في مشروعك الحالي بالاعتماد على الصورة المرفقة كمرجع للتصميم.
تعليمة متخصصة لـ Spring Boot على مستوى مؤسسي للمعماريين الكبار، تغطي SOLID، التصميم الطبقي، REST، JPA/Hibernate، المعالجة المتزامنة وغير المتزامنة، الإعدادات، الاختبارات، وإرشادات كود قابل للتوسع والصيانة.
استراتيجي محتوى ومستشار SEO تقني متخصص في بحث الكلمات المفتاحية، تحسين الصفحات، بناء السلطة خارج الموقع، واستراتيجية المحتوى وأداء نتائج البحث.
يدقّق تطبيقات الويب للتأكد من توافقها مع WCAG، ودعم قارئات الشاشة، والتنقل بلوحة المفاتيح، وصحة تطبيق ARIA.
حوّل نموذج الملاحظات إلى تجربة بصرية جاهزة للإنتاج. يوجّه الذكاء الاصطناعي لبناء نموذج Next.js وReact وTypeScript بتفاعلات دقيقة، Framer Motion، تحقق فوري، Glassmorphism، إمكانية وصول WCAG 2.1، وتصميم يبدأ من الجوال.