Background abstract liquid
مطوّر واجهات أمامية مع خبرة Full-Stack · آخن، ألمانيا

أبني منتجات ويب موثوقة، بعناية من أول مكوّن إلى آخره.

أطوّر تجارب ويب سريعة وسهلة الاستخدام بتركيز قوي على الواجهة الأمامية — حاليًا في FEV Europe GmbH في آخن.

Adnan Al-Khlaki · adnanalkhlaki@gmail.com

02 — نبذة

تطوير ويب بعناية، مكوّنًا بعد مكوّن.

أنا مطوّر Full-Stack مبتدئ في آخن بتركيز على الواجهة الأمامية، وأهتم بالتنفيذ النظيف والواجهات الواضحة.

إلى جانب عملي في FEV Europe GmbH، أستكمل بكالوريوس علوم الحاسوب في FH Aachen وأعمل على أدوات داخلية قريبة من بيئات الإنتاج.

في رسالة البكالوريوس أركز على GenAI Observability & Monitoring: كيف نقيس سلوك نماذج اللغة الكبيرة في الأنظمة الحقيقية ونقيّمه بشكل واضح.

<1s
بعد التحسين

خفض وقت البدء والتحميل في بيئات الإنتاج عبر تحسينات الواجهة الأمامية

0ms
بعد التحسين

إزالة تأخير الانتقال المحسوس بين الصفحات عبر prefetching مكثّف

03 — الخبرة

أين قمت ببناء المنتجات.

FEV Europe GmbH · 15 يناير 2026 – الآن (العقد حتى 14 يونيو 2026)

رسالة البكالوريوس: مراقبة وتتبع GenAI

  • محور البحث: دراسة أساليب عملية لتتبّع سلوك مسارات LLM في الإنتاج وقياسه وشرحه بشكل واضح.
  • تقييم المنصات: تقييم أدوات المراقبة مثل Langfuse لتحسين تتبع التنفيذ ورؤية الكمون والتغذية الراجعة.
  • التنفيذ: بناء نموذج أولي لـ SDK تليمترية ودمجه في مسارات عمل داخلية.
  • معمارية البيانات: تصميم نموذج تليمترية موحّد لإشارات الاستخدام والكمون والتغذية الراجعة.

RWTH MMP (صاحب العقد) · FEV Europe GmbH (مكان العمل) · 15 سبتمبر 2025 – 14 يناير 2026

مطوّر واجهات أمامية — عمل طالب (خارجي لدى FEV)

  • هندسة الأداء: تحسين مسار مراجعة داخلي كثيف على مستوى الـBackend وتقليص زمن التحليل من ~4.5 دقائق إلى ~1 دقيقة عبر موازاة الاستدعاءات المستقلة لـ AI/API.
  • ملكية الميزة: دمج ميزات الاستكشاف عبر المحادثة للتقارير الناتجة بالذكاء الاصطناعي ومخرجات التحليل.
  • أثر متعدد الأدوات: صيانة وتطوير مكونات واجهة responsive (Stepper معقد وعمليات داخلية خاصة) عبر 10+ أدوات داخلية إجمالًا خلال فترتي التدريب وعمل الطالب.
  • جودة الـBackend: إعادة هيكلة مكونات Flask وتحسين أداء التفاعل مع API ضمن مسارات التحليل.

FEV Europe GmbH · 14 أبريل 2025 – 29 أغسطس 2025

مطوّر واجهات أمامية — تدريب

  • تطوير Full-Stack: بناء أداة Finder داخلية بشكل متكامل (Frontend + Backend) مع خرائط، فلاتر متقدمة، وSkeleton Loaders.
  • تحسين الكمون: خفض الكمون المحسوس في pagination من ~1.5 ثانية إلى ما يقارب 0ms عبر caching وprefetching.
  • أنظمة لحظية: معالجة مشاكل timeout بنقل الفحوصات طويلة المدة إلى خيوط Python في الخلفية مع بث التقدم عبر WebSocket (Socket.IO).
  • مسار البيانات: تنفيذ استعلام Backend ديناميكي مع استجابات chunked/streaming لبيانات كبيرة بعد التصفية.
  • نمذجة معمارية: إنشاء نموذج React تجريبي (تنقل + واجهة محادثة) لتقييم مسار الانتقال من Vanilla JavaScript.
  • تمكين الفريق: دعم إدماج أعضاء جدد ضمن الأدوات الداخلية ومسارات العمل.

FH Aachen · سبتمبر 2020 – الآن

بكالوريوس علوم الحاسوب

04 — المشاريع

ما الذي قمت ببنائه.

مستكشف بيانات داخلي

أداة عرض بيانات لسير عمل داخلي تجمع الخرائط والفلاتر والواجهات المعتمدة على الجداول.

الأثر: خفض زمن التحميل من ~50 ثانية إلى أقل من ثانية في التدفقات المعتمدة على pagination

JavaScriptBootstrapFlaskCosmos DB
2025

هذا المعرض

موقع شخصي سريع بطابع تحريري، يركز على الوضوح والحركة وقابلية التوسع ثنائي اللغة.

الأثر: نموذج محتوى منظم وأقسام قابلة لإعادة الاستخدام لتسريع التطوير

AstroTypeScriptTailwindNetlify
2026
05 — المهارات

أدواتي التقنية.

الواجهة الأمامية

7
JavaScript TypeScript React HTML5 / CSS3 Tailwind CSS Bootstrap Astro

الواجهة الخلفية

3
Python Flask REST APIs

البيانات والبنية التحتية

5
Azure Cosmos DB PostgreSQL WebSockets Caching / Performance Concurrency

الأدوات وأخرى

5
Git / GitHub Netlify Linux / Bash GenAI / LLMs Agile / Scrum

معرفة إضافية

3
Node.js / Express FastAPI Docker
06 — تواصل

دعنا نعمل معًا.

منفتح على فرص Junior Frontend أو Full-Stack، أو تعاون مستقل، أو حتى نقاش جيد حول منتج مفيد تعمل عليه.

تم التطوير بواسطة عدنان الخلاقي · آخن · 2026