مطور البرامج و Full Stack Web. متعلم دائم شغوف بالتفاصيل. متخصص في إنشاء وحل المشاكل. ⚡

📍 Málaga, España
Málaga

Andalucía

📍 ملقة، إسبانيا

المهارات

هذه هي التقنيات التي أستخدمها بشكل متكرر، على الرغم من أنني عملت مع العديد من التقنيات الأخرى.

الخبرة العملية

  1. مطور برمجيات في Experto Digital®

    تصميم وبناء حلول ويب كاملة باستخدام نظام WordPress البيئي (Elementor Pro، WooCommerce) للأعمال والتجارة الإلكترونية. التركيز على بنية المحتوى والواجهات الجذابة والتحسينات التقنية للسرعة وتحديد موضع SEO.

  2. مطور برمجيات ومطور واجهة أمامية في Dimap®

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

  3. مطور برمجيات في Gubb Marketing®

    تطوير البرمجيات وتطبيقات الويب.

  4. تطوير Agrooe-Cashback لـ Agrooe® و Gubb Marketing®

    تطوير من الصفر لتطبيق ويب يركز على إدارة نظام استرداد نقدي لشركة Agrooe®. تطوير قاعدة البيانات والواجهة الخلفية والواجهة الأمامية لتطبيق الويب.

المشاريع

GM Microcementos Website

GM Microcementos Website

تطوير كامل لمنصة ويب شركة لـ GM Microcementos، شركة متخصصة في تطبيق الأسمنت الميكروي. موقع ويب مهني مع 15 صفحة محسنة، مع التركيز على الأداء وتحسين محركات البحث وتجربة مستخدم استثنائية. يتضمن حاسبة الميزانية، معرض مشاريع قابل للترشيح، نماذج متقدمة ونظام تصميم بسيط. هيكل معياري مع أكثر من 100 مكون قابل للإعادة الاستخدام وتحسين Core Web Vitals.

Academia CEJ Website

Academia CEJ Website

منصة ويب لـ Academia CEJ، أكاديمية متخصصة في امتحانات العدل التنافسية في مالقة. موقع ويب متجاوب بالكامل مع مدونة، حرم جامعي افتراضي، نظام اختبار المعرفة، نظام التسجيل وإدارة البرامج. مطور بـ Next.js 14، React 18، Tailwind CSS، Framer Motion و Docker.

موقع DIMAP

موقع DIMAP

تطوير الموقع المؤسسي لشركة Dimap، وهو تطبيق حديث مبني باستخدام Next.js 15 وReact 19 وRedux Toolkit وTailwindCSS، يهدف إلى تقديم أداء مثالي وتجربة سلسة. يشمل المشروع صفحات الخدمات والمدونة والأقسام المؤسسية والنماذج مع تتبع العملاء المحتملين، وكل ذلك مبني على بنية معيارية مع تحميل عالي التحسين باستخدام SSG وLazy Loading وClientLoader.

Agrooe Cashback

Agrooe Cashback

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

DevCrate

DevCrate

DevCrate منصة لاكتشاف موارد التطوير (الأدوات، والمكتبات، والأصول، والتوثيق، والتحديات). ألم يحدث لك أنك احتجت مورداً لمشروعك، أو مجرد إلهام، وانتهى بك الأمر بالتنقّل بين عدد لا نهائي من الصفحات؟ لهذا أنشأت هذه المنصة: لتنظيم كل الموارد التي اكتشفتها عبر السنوات وعدم فقدان أيٍ منها، والقدرة على العثور عليها بسرعة من دون الاعتماد على إشارات مرجعية مبعثرة. تتضمن بحثاً متقدماً، وفلاتر حسب الوسوم، ومنطقة إدارة للتحكم في كل المحتوى. كما تتيح اقتراحات المجتمع لمواصلة جمع الأدوات المفيدة. بُنيت باستخدام Next.js وReact وTypeScript وMongoDB، مع مصادقة آمنة وواجهة حديثة مبنية على shadcn/ui.

نسخة من موقع AirPods Pro 2

نسخة من موقع AirPods Pro 2

إعادة إنشاء قسم البطل الرسمي من موقع Apple لـ AirPods Pro 2، مع التركيز على إتقان الرسوم المتقدمة باستخدام GSAP وScrollTrigger. قمت بتنفيذ تسلسل من 65 صورة يتم عرضها عبر Canvas ومتزامنة مع التمرير، إضافةً إلى انتقالات سلسة وملاحة ديناميكية وتأثيرات مستوحاة من تجربة Apple الأصلية. مشروع يهدف إلى تحسين مهاراتي في الرسوميات عالية الأداء على الويب.

الشهادات

شهادة مطور ويب متكامل

شهادة مطور ويب متكامل

تدريب في تطوير الويب المتكامل، بما في ذلك إنشاء الواجهات باستخدام HTML و CSS و React، وتطوير الواجهة الخلفية باستخدام Node.js و MongoDB، وإدارة قواعد البيانات والنشر باستخدام أدوات DevOps من بين العديد من التقنيات الأخرى.

JavaScript (ES2023 و ES2024)

JavaScript (ES2023 و ES2024)

في هذه الدورة تعلمت أحدث ميزات JavaScript (ES2023 و ES2024)، بما في ذلك طرق جديدة للمصفوفات والكائنات والمجموعات، بالإضافة إلى تحسينات في معالجة الوعود والمشغلات المنطقية. اكتسبت أيضًا تقنيات لتحسين الكود وجعله أكثر قابلية للقراءة، وتطبيق أحدث ميزات اللغة في المشاريع الحديثة.

Claude Code: مساعد برمجة عالي الاستقلالية

Claude Code: مساعد برمجة عالي الاستقلالية

في هذه الدورة تعمقت في استخدام Claude Code، وهو مساعد برمجة ذو مستوى عالٍ من الاستقلالية، وتعلمت أفضل الممارسات للعمل بكفاءة مع المشاريع المعقدة. راجعت كيفية توفير سياق واضح لـ Claude، وتنسيق مثيلات متعددة بالتوازي، ودمج خوادم MCP و GitHub، وتطبيق وظائف التخطيط والذاكرة والجلسات المتوازية. تضمنت الدورة أمثلة عملية مثل روبوتات الدردشة RAG وتحليل البيانات في Jupyter وإنشاء واجهات مرئية من Figma، مما يوضح كيفية تحسين وإعادة هيكلة وأتمتة سير عمل التطوير باستخدام Claude Code.

AI Fluency: Framework & Foundations

AI Fluency: Framework & Foundations

في هذه الدورة تعمّقت في AI Fluency Framework & Foundations من Anthropic، والذي طُوِّر بالشراكة مع خبراء أكاديميين لتعلّم التعاون مع الذكاء الاصطناعي بشكل فعّال وكفؤ وأخلاقي وآمن. عملت على نهج متعدد التخصصات قابل للتطبيق في السياقات التقنية والإبداعية والتعليمية والتجارية، وفهمت الكفاءات الأربع الأساسية في الإطار: Delegation وDescription وDiscernment وDiligence. كما راجعت كيفية تطبيق هذه الأسس في سير عمل حقيقي لاتخاذ قرارات أفضل واستخدام أدوات مثل Claude بمسؤولية وحُسن تقدير أكبر.

Claude Code in Action

Claude Code in Action

في هذه الدورة تعمّقت في استخدام Claude Code لمهام تطوير برمجيات حقيقية، وفهمت بنية مساعدي البرمجة المعتمدين على الذكاء الاصطناعي وكيفية تفاعلهم مع قواعد الشيفرة عبر أدوات مدمجة. تعلّمت إدارة السياق بكفاءة، ودمج عدة أدوات لسير عمل معقد، وإنشاء أتمتة قابلة لإعادة الاستخدام، وتوسيع القدرات عبر خوادم MCP. كما عملت على التكامل مع GitHub لمراجعة الشيفرة والتعاون ضمن الفريق، مع تطبيق أنماط التخطيط والاستدلال وفق تعقيد كل تحدٍّ تقني.

Building with the Claude API

Building with the Claude API

دورة عملية موجّهة للمطورين لدمج Claude في التطبيقات عبر واجهة Anthropic API. تشمل المصادقة وإعداد الطلبات، المحادثات متعددة الأدوار، مطالبات النظام، المخرجات المهيكلة، استخدام الأدوات، معماريات RAG (التجزئة، التضمينات، والاسترجاع السياقي)، القدرات متعددة الوسائط (النصوص، الصور وملفات PDF)، التخزين المؤقت للمطالبات، تكامل MCP، وسير العمل باستخدام Claude Code.

تعرف علي أكثر قليلاً

مرحباً! أنا فران مطور برمجيات | الواجهة الأمامية والكامل

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

منذ صغري وأنا أستكشف وأجرب مع أجهزة الكمبيوتر والأجهزة المحمولة، أبحث في عملها على مستوى البرمجيات والأجهزة. على مر السنين تعلمت الكثير من خلال "العبث" وحل المشكلات بنفسي، وهي تجربة عززت فضولي ومهاراتي التقنية.