متاح لفرص عمل عن بعد حول العالم

مطور Frontend متوسط الخبرة · قائد فريق واجهات

أبني منتجات Frontendتبقى واضحة مع توسّعهاوموثوقة عند الإطلاق.

أحوّل متطلبات المنتج إلى تجارب ويب وموبايل متجاوبة، ببنية قابلة لإعادة الاستخدام، وربط واضح مع الـAPI، واهتمام عملي بالأداء، وحركة تساعد المستخدم بدل أن تشتته.

+3سنوات خبرة
ويبوموبايل
Leadقيادة التسليم
Buildللإنتاج
مرّر للاستكشاف
واجهة
حالة
API
بنية
صورة عبدالرحمن حارس

نظام Frontend تفاعلي

صورة عبدالرحمن حارس، مطور Frontend وقائد فريق
عبدالرحمن حارس · مطور Frontend

01 / نبذة مهنية

مطور Frontend قادر على امتلاك الواجهة من متطلبات المنتج حتى النسخة الجاهزة للإطلاق.

أنا عبدالرحمن حارس، مطور Frontend وقائد فريق بخبرة تتجاوز ثلاث سنوات في منتجات الويب والموبايل. عملت على أنظمة للمحاماة وإدارة القضايا، وإدارة المشافي، ومنتجات ذكاء اصطناعي، ومنصات تعليمية، ولوحات تحكم، وتطبيقات متعددة المنصات.

أتعاون مع فرق المنتج والتصميم والباكند، وأحوّل المتطلبات إلى بنية Frontend قابلة للصيانة، وأراجع جودة التنفيذ، وأساعد الفريق على التسليم من دون التضحية بسهولة الاستخدام أو التجاوب أو وضوح الكود.

React / Next.js
React Native / Expo
TypeScript
ربط API
بنية Frontend
قيادة الفريق
الأداء
أنظمة التصميم
React Next.js React Native TypeScript ربط API بنية Frontend قيادة الفريق الأداء React Next.js React Native TypeScript ربط API بنية Frontend قيادة الفريق الأداء

02 / أعمال مختارة

منتجات حقيقية، ومسؤولياتي فيها، والقرارات التقنية خلف الواجهة.

تركز كل دراسة حالة على مشكلة المنتج، ودوري الفعلي، وطريقة التنفيذ، والمكان الذي طُبقت فيه كل تقنية أو منهجية Frontend.

01
Hompper، منصة عقارية، نفذت فيه دور مطور Frontend
منتج مباشر

منصة عقارية

Hompper

منصة عقارية ثنائية اللغة تساعد المشترين والمستأجرين في سوريا على اكتشاف العقارات والوكلاء والتصفح عبر الخريطة والتواصل المباشر ضمن تجربة متجاوبة واحدة.

مطور Frontend

Next.jsTypeScriptResponsive UIREST APIsi18n / RTL
02

موقع هندسي وإنشائي

Architecture Beats

موقع شركة ثنائي اللغة يعتمد على الحركة لعرض الخدمات المعمارية ومشاريع التنفيذ والفريق ومراحل العمل والإحصائيات وإجراءات التواصل على الموبايل.

مطور Frontend

Next.js 16React 19TypeScriptTailwind CSSFramer MotionLenis
03

منصة تعليم طبي

IASS

أكاديمية رقمية ثنائية اللغة للطب التجميلي تجمع الكورسات والكتب الطبية والمقالات ومحتوى المؤسسة وكتالوجات التعلم المرتبطة بالـAPI ضمن منصة منظمة.

مطور Frontend

Next.js 16TypeScriptTanStack Querynext-intlReact Hook FormZodFramer Motion
04

منتج تعليمي بالذكاء الاصطناعي · عمل مستقل

AI Detektor

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

مطور Frontend مستقل

Next.js 14TypeScriptTailwind CSSClerkRedisPython API
05

لعبة تفاعلية لتعلّم OOP بلغة Java

RoboRescue

لعبة تعليمية تعمل بالمتصفح لتعلّم البرمجة كائنية التوجه في Java عبر تحديات إنقاذ ومراحل متدرجة وفحص فوري للكود وتغذية راجعة متحركة.

مطور Frontend

Next.js 14TypeScriptMonaco EditorJavaFramer MotionNext.js API Routes
06

منتج تعليمي

Quizy

منتج تعليمي متعدد المنصات للطلاب والمدرسين يجمع بين إدارة المنتج وتطوير الموبايل ومسارات تعلم منظمة وتقديم المحتوى.

المؤسس · مدير المنتج · مطور Frontend

React NativeExpoTypeScriptREST APIs

ستتم إضافة تفاصيل دراسة الحالة قريباً

03 / طريقة العمل

منهج عملي يحوّل متطلبات المنتج إلى واجهة قابلة للصيانة والتوسع.

قيمة البنية البرمجية تظهر عندما تسهّل التطوير. لذلك أفصل المسؤوليات، وأجعل حدود البيانات واضحة، وأنظم المشروع بحيث يمكن تعديل ميزة من دون إعادة بناء المنتج كله.

01

أساس المنتج والواجهة

أحدد مسار المستخدم، وسلوك الشاشات المختلفة، والأنماط البصرية المشتركة، ومتطلبات الوصول، والحالات الطرفية قبل توزيع المنطق على الصفحات.

02

ملكية واضحة لكل ميزة

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

03

حالات البيانات والعمليات غير المتزامنة

أتعامل مع التحميل والفراغ والخطأ والنجاح والتخزين المؤقت والتعديلات كجزء من تجربة المنتج، وليس كحالات ثانوية.

04

حدود ربط مكتوبة بالأنواع

عملاء API مشتركون، ونماذج بيانات موحّدة، وعقود واضحة تقلل ارتباط الشاشات بتفاصيل تنفيذ الباكند.

05

الجودة والاستعداد للإطلاق

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

04 / الخبرة

تنفيذ فعلي للواجهات، وامتلاك للمسؤولية، وقيادة للتسليم ضمن منتجات تشغيلية.

تشمل خبرتي تطبيقات المحاماة وإدارة القضايا، وأنظمة إدارة المشافي، ومنتجات تعليم مدعومة بالذكاء الاصطناعي، ومواقع إنتاجية، ولوحات تحكم، وتطبيقات موبايل متعددة المنصات.

01

أغسطس 2025 — حتى الآن

Kawarem

قائد فريق Frontend · عقد

أقود تسليم الواجهات ضمن مشاريع ويب وموبايل: أحوّل متطلبات المنتج إلى خطة تنفيذ، وأنسق الأولويات مع فرق الباكند والمنتج، وأراجع Pull Requests، وأحسن الأنماط المشتركة، وأدعم الإصدارات المبنية باستخدام Next.js وReact Native.

Next.jsReact NativeTypeScriptTanStack QueryZustandCode Review
02

يونيو 2025 — أغسطس 2025

Blendlab

مطور Frontend · دوام كامل

طورت أنظمة ويب وتطبيقات موبايل لمكاتب المحاماة وإدارة القضايا، شملت مسارات القضايا وبيانات المحامين والعملاء والشاشات الغنية بالمستندات والصلاحيات والنماذج التشغيلية والعمليات الإدارية المرتبطة بخدمات الباكند.

Next.jsReact NativeTypeScriptREST APIsForm Workflows
03

مارس 2024 — مايو 2025

Arachnotech

مطور Frontend · دوام كامل

ساهمت في تطوير نظام لإدارة المشافي عبر بناء شاشات تشغيلية متجاوبة ومكونات مشتركة ونماذج وجداول بيانات ومسارات مرتبطة بالـAPI تُستخدم في الإدارة الصحية والعمليات اليومية للمشفى.

ReactNext.jsTypeScriptTailwind CSSREST APIsOperational UI

05 / هندسة وبرمجة

مقالات عملية عن هندسة الواجهات والبرمجة وتسليم المنتجات.

أشارك القرارات والأساليب التي أستخدمها في بنية المشاريع وربط الـAPI والأنظمة التشغيلية والأداء، مع أمثلة مرتبطة بأعمال حقيقية.

01 8 دقائق

كيف أبني بنية Frontend قابلة للتوسع

منهج عملي لتنظيم مشاريع الواجهات عبر ملكية الميزات وحدود البيانات المكتوبة بالأنواع وحالات التحميل والخطأ وبنية تسهّل التطوير والإطلاق.

هندسة الواجهاتReactNext.js
قراءة المقال
02 7 دقائق

بناء API Layer احترافي باستخدام TypeScript

طريقة فصل تفاصيل الاتصال عن الشاشات وتوحيد الأخطاء والأنواع والبحث والـPagination لتسهيل صيانة تطبيقات React وReact Native.

TypeScriptربط APIReact Query
قراءة المقال
03 7 دقائق

هندسة الواجهات للأنظمة التشغيلية

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

واجهات تشغيليةهندسة برمجياتلوحات تحكم
قراءة المقال

06 / توصيات ورسائل

رسائل مهنية مختارة من أشخاص عملت أو تواصلت معهم.

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

رسائل منشورة

سيتم عرض التوصيات والرسائل المهنية المختارة هنا عند توفرها.

07 / التواصل

تبحث عن مطور Frontend يساهم في التنفيذ والتواصل وامتلاك المسؤولية؟

مقيم في حلب، سوريا · متاح للعمل عن بعد ولمشاريع فريلانس مختارة حول العالم.

متاح لفرص العمل عن بعد والمشاريع المختارة
لبدء محادثة عملية

اذكر نوع الفرصة، طبيعة الفريق، المنطقة الزمنية، والموعد المتوقع للبدء. هذه المعلومات تساعدني على الرد بشكل أدق وأسرع.

حلب، سوريا · متاح للعمل عن بعد عالمياً