بطاقة تقنية — مطوّر · الواجهة الأمامية

مطوّر واجهة أمامية (Front-end) مستقل في تونس

واجهات واضحة وسريعة على كل الشاشات.

تركيب تصاميم Figma بـ HTML وCSS وJavaScript: مواقع متجاوبة وسريعة وسهلة الاستعمال، على الهاتف والحاسوب، لفائدة المؤسسات في تونس والوكالات الفرنكوفونية.

  • رد خلال 24 ساعة
  • الدفع على مراحل
  • بسعر جزافي أو بالساعة
موصى به بنسبة 100٪ · 7 آراء على فيسبوك ←
اللغاتHTML · CSS · JavaScript
المكتباتReact · Next.js
إطار العملAngular
الخبرة16 سنة
صيغة العملعمل حرّ · مناولة
01 — الخدمات

ما أقدّمه في الواجهة الأمامية

حرفاء في تونس

مشروع مباشر

  • واجهة متجاوبة مصمّمة للهاتف أولًا
  • تجديد مظهر موقع قائم
  • تسريع تحميل الصفحات
  • واجهة إدارة واضحة لفرقك
وكالات ناطقة بالفرنسية

المناولة

  • تركيب تصاميم Figma بدقّة
  • مكوّنات React أو Next.js أو Angular قابلة لإعادة الاستعمال
  • الدمج في WordPress (قالب فرعي، Elementor) أو PrestaShop
  • الربط بواجهات API الخلفية القائمة
02 — المنهجية

الواجهة الأمامية، حيث تُصنع التجربة

الواجهة هي ما يجعل الزائر يبقى أو يطلب أو يتواصل معك. أعتني بالوضوح، والتسلسل البصري، وسرعة العرض، وراحة الاستعمال على الهاتف.

بصفتي مطوّرًا شاملًا (Full Stack)، أعرف جهة الخادم أيضًا: تُصمَّم الواجهة والـ API معًا، كما في Becomepoor.com (React 19 مع API على Laravel). ولتطبيقات React أو Next.js أو Angular، راجع صفحة مطوّر JavaScript.

التجاوب
تنسيق متقن من الهاتف إلى الشاشة الكبيرة.
الأداء
تحميل سريع، صور محسّنة، كود خفيف.
سهولة الوصول
تباين الألوان، التنقّل بلوحة المفاتيح، نصوص بديلة.
مخطط تقني: مثال برمجي الواجهة الأمامية
03 — التقنيات

الأدوات المستعملة في الواجهة الأمامية

الأساسيات
  • HTML5
  • CSS3 · Flexbox · Grid
  • JavaScript ES6+
المكتبات
  • React
  • Next.js
إطار العمل
  • Angular
  • TypeScript
أنظمة إدارة المحتوى
  • WordPress · Elementor
  • PrestaShop

Personne professionnelle à recommander sans hésitation

Malek B. — رأي على فيسبوك
04 — الإنجازات

مشاريع منجزة في الواجهة الأمامية

05 — أسئلة شائعة

أسئلتكم حول الواجهة الأمامية

هل تعمل انطلاقًا من تصاميم Figma؟

نعم. أركّب تصاميمك بدقّة وبشكل متجاوب، وأنبّهك إلى الحالات غير المتوقّعة (الهاتف، النصوص الطويلة، رسائل الخطأ).

موقعي غير متوافق مع الهاتف، ما الحل؟

يمكنني إعادة تنسيق الصفحات لتتكيّف مع كل الشاشات، دون أن يكون ذلك بالضرورة إعادة بناء للموقع كاملًا.

هل أحتاج React أو Next.js لمشروعي؟

ليس دائمًا. يمكن أن يبقى الموقع التعريفي بـ HTML/CSS أو على WordPress؛ أما React وNext.js فمفيدان للواجهات الغنية أو التطبيقات. أنصحك حسب حاجتك.

كيف أحصل على عرض سعر؟

راسلني عبر واتساب أو البريد الإلكتروني ببضعة أسطر عن مشروعك: أردّ خلال 24 ساعة مع الخطوات القادمة وعرض سعر واضح ومفصّل.

06 — تواصل

عندك مشروع في بالك؟

راسلني عبر واتساب أو البريد الإلكتروني ببضعة أسطر عن حاجتك — أردّ خلال 24 ساعة مع الخطوات القادمة.

Excellente expérience !
Développeur sérieux, rapide et compétent sur PrestaShop.
Il maîtrise parfaitement son domaine, propose des solutions pertinentes et reste toujours disponible.
Il résoudre plusieurs points techniques rapidement.
Un vrai professionnel sur qui on peut compter.

Olfa Z. — رأي على فيسبوك
تواصل عبر واتساب
Scroll to Top