مرحبًا، أنا ياج.
مطوّر ومصمم — أحوّل الأفكار إلى منتجات حقيقية.
عني
نظرة أقرب على رحلتي، وأدواتي، وطريقتي في بناء الأشياء.
مطوّر واجهات ومنتجات رقمية
أصمم وأبني وأسلّم — من الفكرة حتى المستخدم الأول.
الموقع
المدينة المنورة, السعودية
أبرمج منذ
2020
<!DOCTYPE html> <html lang=""> <head> <title>Hi, I'm YAJ</title> </head> </html>
ما أفعله
أبني حلولاً سريعة وواضحة — من النموذج الأولي حتى التسليم.
أتعلم دائماً
أتعلم product thinking
مشاريع
أحدث المشاريع
موقع MoviePal
محرّك توصيات أفلام مدعوم بالذكاء الاصطناعي — يقرأ مزاجك ويقترح ما يستحق المشاهدة.
موقع امتثال
منصة قائمة على الميتافيرس مصممة لدعم الطلاب ذوي الإعاقة في التعليم من خلال التكنولوجيا المبتكرة.
HTML
CSS
Tailwind
JavaScript
عمل مستقل
مشاريع مستقلة وشخصية سرية تركز على التطوير المخصص والحلول الإبداعية لعملاء مختلفين.
موقع MoviePal
محرّك توصيات أفلام مدعوم بالذكاء الاصطناعي — يقرأ مزاجك ويقترح ما يستحق المشاهدة.
موقع امتثال
منصة قائمة على الميتافيرس مصممة لدعم الطلاب ذوي الإعاقة في التعليم من خلال التكنولوجيا المبتكرة.
HTMLCSSTailwindJavaScriptعمل مستقل
مشاريع مستقلة وشخصية سرية تركز على التطوير المخصص والحلول الإبداعية لعملاء مختلفين.
موقع MoviePal
محرّك توصيات أفلام مدعوم بالذكاء الاصطناعي — يقرأ مزاجك ويقترح ما يستحق المشاهدة.
موقع امتثال
منصة قائمة على الميتافيرس مصممة لدعم الطلاب ذوي الإعاقة في التعليم من خلال التكنولوجيا المبتكرة.
HTMLCSSTailwindJavaScriptعمل مستقل
مشاريع مستقلة وشخصية سرية تركز على التطوير المخصص والحلول الإبداعية لعملاء مختلفين.
مجموعة التقنيات الخاصة بي
ما أستخدمه
الواجهة الأمامية
HTML
أساس بناء صفحات الويب — يُحدد الهيكل العام للمحتوى باستخدام عناصر دلالية.
CSS
يتحكم في المظهر البصري للصفحات — التخطيط والألوان والخطوط والتصميم المتجاوب.
React
مكتبة لبناء واجهات مستخدم حديثة من خلال مكونات قابلة لإعادة الاستخدام وإدارة حالة فعّالة.
JavaScript
يُضيف الحياة للصفحات — يُدير تفاعل المستخدم ومحتوى الصفحة الديناميكي على جانب المتصفح.
نكست.جي إس
إطار عمل مبني على React لبناء تطبيقات ويب متكاملة — يتولى التوجيه والتصيير من الخادم ومسارات API دون إعداد إضافي.
تايب سكريبت
إصدار مطوّر من JavaScript يضيف التحقق من الأنواع — يكشف الأخطاء قبل التشغيل ويجعل قواعد الكود الكبيرة أسهل في الصيانة.
تايل ويند css
إطار CSS قائم على classes جاهزة لبناء تصاميم مخصصة مباشرة في الكود — سريع في الكتابة وسهل في الحفاظ على الاتساق.
الواجهة الخلفية
JavaScript
يُشغّل JavaScript على الخادم — مثالي للتطبيقات الفورية وواجهات API والخدمات المصغّرة.
Supabase
بديل مفتوح المصدر لـ Firebase — يوفر قاعدة بيانات Postgres والمصادقة والتخزين والاشتراكات الفورية جاهزة للاستخدام.
RESTful APIs
نمط معماري لبناء خدمات ويب تتواصل عبر HTTP بنقاط وصول واضحة ومبنية على الموارد.
Python
لغة متعددة الاستخدامات للمنطق والأتمتة ومعالجة البيانات ودمج قدرات الذكاء الاصطناعي.
SQL
لغة هيكلية تستخدم للتعامل مع قواعد البيانات
الأدوات وDevOps
ideaMaker
برنامج تقطيع من Raise3D يُحوّل نماذج ثلاثية الأبعاد إلى تعليمات طباعة مع ضبط الطبقات والدعامات.
أوتوديسك فيوجن 360
منصة CAD/CAM احترافية للنمذجة ثلاثية الأبعاد والمحاكاة وتوليد مسارات الأدوات للتصنيع بالليزر والـ CNC.
قيت
نظام التحكم في الإصدارات الأكثر استخداماً — يتتبع التغييرات في الكود ويتيح التعاون ويحفظ تاريخاً كاملاً لكل مشروع.
فيجوال ستوديو كود
محرر كود خفيف وقوي مع دعم مدمج لـ Git وإكمال تلقائي ذكي ومكتبة ضخمة من الإضافات.
فيرسيل
منصة سحابية لنشر تطبيقات — تتولى الـ CI/CD والتخزين المؤقت ونشر نسخ المعاينة دون أي إعداد.
التصميم وسير العمل
Adobe Illustrator
أداة رسومات فيكتور الأساسية للشعارات والأيقونات والرسوم التوضيحية القابلة للتكبير بلا فقدان جودة.
Adobe Photoshop
معيار الصناعة لتعديل الصور والتركيب البصري وإنشاء رسومات تفصيلية بالبكسل.
Adobe After Effects
معيار الصناعة للرسوم المتحركة والمؤثرات البصرية — يُستخدم لتحريك عناصر UI وإنشاء الفيديوهات التوضيحية والمؤثرات السينمائية.
Canva
أداة تصميم عبر المتصفح لإنتاج مواد التسويق ومنشورات السوشيال ميديا بسرعة باستخدام قوالب جاهزة.
إنجازاتي
بعض الأرقام التي تمثل رحلتي حتى الآن.
نافَس — أنجز — صمَت
المراكز معروفة لمن يريد أن يعرف
ترشَّح — وفاز — وقاد
ثلاث أندية جامعية معتمدة
علَّم — ومكَّن
أعطى الأدوات ثم ترك الطلاب يبدعون
صمَّم — ونفَّذ — وسلَّم
فعاليات جامعية مكتملة من الألف إلى الياء