مطور صفحات و برامج ويب
مطور واجهات أمامية يمتلك خبرة في بناء مواقع ويب متجاوبة وتطوير مكوّنات ديناميكية باستخدام React وAngular وتقنيات الواجهة الحديثة. متمكّن من تحويل التصاميم إلى واجهات عالية الجودة وتحسين الأداء وتجربة المستخدم. لدي خبرة قوية في تخصيص وتطوير منصات إدارة المحتوى مثل WordPress وShopify، إلى جانب إنشاء قوالب وأقسام مخصّصة باستخدام HTML وCSS وPHP. شغوف بالتعلم المستمر وكتابة كود نظيف وحل المشكلات لتحقيق أفضل النتائج للعملاء.
+4 سنوات عمل
خبرة
+15 مشاريع
تمت
+ 10 عميل
تم خدمتة

ما الذي اقدمه خدماتي
تطوير واجهات المستخدم (Front-end Development)
تطوير واجهات ويب عالية الجودة، متجاوبة مع جميع الشاشات، وسريعة في التحميل. أعمل على تحويل التصميم إلى واجهة حقيقية بدقة كبيرة، مع مراعاة سهولة الاستخدام وتجربة العميل. أهتم بكتابة كود منظّم يسهل تطويره لاحقًا وتحسينه، مع الحرص على الأداء والأمان. الأدوات التي أستخدمها: HTML5 – CSS3 – JavaScript (ES6+) – SASS – Bootstrap – Flexbox – Grid
تطوير الواجهات باستخدام Angular
أطوّر تطبيقات ويب متكاملة تعتمد على المعمارية المنظمة التي يقدمها Angular. أستخدم TypeScript لإنشاء مكوّنات قوية، وأعمل على إدارة البيانات، التعامل مع الخدمات (Services)، وربط الواجهة بالـ APIs. مناسب للمشاريع الكبيرة التي تحتاج استقرار وتنظيم عالي. الأدوات التي أستخدمها: Angular – TypeScript – RxJS – Angular CLI – Services – Routing – Angular Material
تطوير متاجر Shopify
بناء وتخصيص متاجر Shopify احترافية تساعد العملاء على البيع بكفاءة. أقوم بتعديل الثيمات، إنشاء صفحات مخصصة، ضبط المنتجات، تحسين تجربة الدفع، وربط المتجر بالتطبيقات الخارجية. الأدوات التي أستخدمها: Shopify – Liquid – Dawn Theme – Shopify CLI – Apps Integration – CSS/SASS
تخصيص وتعديل الثيمات والإضافات (Themes & Plugins Customization)
تعديل الثيمات الجاهزة وإضافة وظائف جديدة بكتابة كود مخصص. يمكنني تعديل إضافة أو قالب بدون التأثير على النظام الأساسي، مع الحفاظ على توافق التحديثات. الأدوات التي أستخدمها: PHP – WordPress Hooks – Liquid (Shopify) – Theme Editor – Child Themes – Custom CSS
تطوير الواجهات باستخدام React.js
أقوم ببناء مكوّنات تفاعلية وقابلة لإعادة الاستخدام، مع تنظيم المشروع باستخدام أفضل ممارسات React. أستخدم نظام إدارة الحالات لتسهيل التعامل مع البيانات، وأهتم بتحسين الأداء وسرعة التفاعل داخل الصفحة. أعمل أيضًا على التعامل مع APIs وربط الواجهة بالباك إند. الأدوات التي أستخدمها: React.js – React Hooks – React Router – Axios – Zustand / Context API – Vite – Tailwind (عند الحاجة)
تصميم وبرمجة المواقع باستخدام WordPress
إنشاء مواقع متكاملة وصفحات هبوط مخصّصة عبر WordPress، مع تخصيص القوالب والإضافات لإضافة المميزات المطلوبة. أقوم ببناء صفحات من الصفر باستخدام Elementor أو من خلال التعديل المباشر على الملفات والقوالب. الأدوات التي أستخدمها: WordPress – Elementor – PHP – ACF – WooCommerce – Plugins Editing – Themes Customization
تحسين المواقع وإصلاح الأخطاء (Bug Fixing & Optimization)
أقوم بتحليل الموقع والكشف عن الأخطاء البرمجية أو البنائية التي تؤثر على الأداء. أعمل على تحسين سرعة الموقع، تحسين الـ SEO التقني، تقليل وقت التحميل، وتحسين الأكواد لضمان استقرار أكبر. الأدوات التي أستخدمها: Chrome DevTools – Lighthouse – PHP Debug – JavaScript Debugging – GTmetrix – PageSpeed






