نبذة

مطور واجهات أمامية شغوف يتمتع بخبرة عملية في بناء مواقع ويب تفاعلية وعصرية باستخدام HTML، CSS، JavaScript، Bootstrap، Tailwind CSS، React.js، وNext.js.

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

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

أسعى دائمًا لتطوير مهاراتي ومواكبة أحدث التقنيات في عالم الويب الحديث.


الخبرات

Frontend Developer (مشروعات مستقلة)

عملت على تطوير مواقع ويب متكاملة من التصميم إلى النشر، مع تنفيذ واجهات متجاوبة واحترافية تدعم الوضع الليلي (Dark Mode) والتحريك (Animations) باستخدام React وTailwind CSS.

React & Next.js Developer

قمت ببناء تطبيقات ويب تفاعلية باستخدام Next.js لتحسين أداء SEO والتحميل السريع، مع فصل المكونات وتحسين تجربة المستخدم عبر تصميمات سلسة وتفاعلية.


التعليم

بكالوريوس هندسة حاسبات – المعهد التكنولوجي العالي (HTI)

تخرجت من قسم علوم الحاسب، واكتسبت خبرة قوية في البرمجة وتطوير البرمجيات.

في مشروع التخرج عملت مع فريق على مشروع CodeFlow (محرر أكواد على الإنترنت يتيح مشاركة الأكواد بين المستخدمين)، حيث كنت مسؤولًا عن الواجهة الأمامية، وحصل المشروع على تقدير A.

كورسات أونلاين وتعلم ذاتي

تابعت العديد من الدورات التدريبية حول تطوير الواجهات الأمامية، إدارة الحالة في React، وتصميم الواجهات باستخدام Tailwind وFramer Motion.


المهارات (Skills)

تطوير الواجهات الأمامية وتصميم واجهات المستخدم:

 

خبرة قوية في HTML5، CSS3، Bootstrap، Tailwind CSS لبناء صفحات ويب متجاوبة (Responsive).

تصميم واجهات حديثة وسهلة الاستخدام (UI/UX) باستخدام Framer Motion وCSS Animations.

كتابة كود JavaScript (ES6+) نظيف ومنظم لتحقيق تفاعلية عالية.

تطبيقات الويب التفاعلية وتكامل الـ API:

بناء تطبيقات متقدمة باستخدام React.js وNext.js مع إدارة الحالة وتوجيه الصفحات.

دمج APIs باستخدام Axios وFetch لجلب البيانات ديناميكيًا.

تحسين الأداء وتجربة المستخدم عبر تقنيات التحميل الكسول (Lazy Loading).

 

التصميم المتجاوب والأنيميشن:

 

إنشاء تصميمات مرنة تدعم جميع الأجهزة (Mobile-First).

استخدام Framer Motion وCSS transitions لإضافة حركات سلسة وتجربة مميزة.

دعم الوضع الليلي (Dark Mode) وتخصيص التصميمات بالألوان المتغيرة عبر CSS Variables.

 

الأدوات وإدارة الإصدارات:

 

التحكم في الإصدارات عبر Git وGitHub والعمل ضمن فرق باستخدام Agile.

استخدام Visual Studio Code كبيئة تطوير أساسية مع إضافات إنتاجية.

نشر المشاريع عبر Vercel وNetlify وFirebase Hosting.

 

المهارات الشخصية:

 

التفكير التحليلي وحل المشكلات بكفاءة.

التعاون والعمل الجماعي بشكل احترافي.

المرونة والدقة في التفاصيل.

شغف دائم بتعلم التقنيات الحديثة في تطوير الويب.


اللغات والتقنيات

Frontend Development:

HTML5, CSS3, JavaScript (ES6+), React.js, Next.js

 

Styling & UI Frameworks:

Bootstrap, Tailwind CSS, Framer Motion, Sass

 

API & Backend Integration:

API Integration (Fetch, Axios), Firebase (Hosting, Auth, Firestore)

 

Build & Optimization:

Vite, Lazy Loading, Code Splitting, Performance Optimization

 

Development Practices:

Git, GitHub, Agile, Debugging, CI/CD

 

Soft & Technical Skills:

Problem Solving, Teamwork, Communication, Attention to Detail, Adaptability


الأدوات والتطبيقات

Visual Studio Code

Git & GitHub

Figma

Vercel / Netlify / Firebase Hosting


أعمالي

هل تبحث عن فرصة للعمل عن بعد؟

حدد التخصصات التي ترغب في العمل بها لنرسل نشرة الوظائف الدورية إلى بريدك الإلكتروني

برمجة وتطوير
تسويق ومبيعات
كتابة وترجمة
تصميم
إدارة وأعمال
دعم فني
المجالات الأخرى