الواجهة وتجربة المستخدم
أدوات أساسية لبناء واجهات نظيفة، متجاوبة، وسهلة الصيانة.
- React
- Next.js App Router
- TypeScript
- Tailwind CSS
- Responsive layouts
- Semantic HTML
هندسة حاسوب × تطوير ويب Full-stack
أبني تجارب ويب موثوقة بعقلية هندسية.
أنا شاكر المصري، طالب هندسة حاسوب ومطوّر ويب Full-stack أركز على الواجهات النظيفة، الأنظمة العملية، والكود القابل للصيانة.
عني
مطوّر يهتم بالواجهة وبالنظام الذي يعمل خلفها.
أستمتع بتحويل الأفكار إلى تجارب ويب واضحة ومتجاوبة تكون سهلة للمستخدم ومنظمة للمطوّر.
خلفيتي في هندسة الحاسوب تساعدني على التفكير بما هو أبعد من الواجهة: الأداء، تدفق البيانات، الاعتمادية، وكيف يتصل البرنامج بالأنظمة الحقيقية.
كيف أتعامل مع العمل
- أبدأ ببنية واضحة قبل إضافة التعقيد البصري.
- أراعي المحتوى، المكونات، الإتاحة، والأداء منذ البداية.
- أبني على مراحل مركزة حتى يمكن مراجعة كل تغيير وتحسينه.
المهارات
أساس عملي Full-stack لبناء مشاريع ويب موثوقة.
نظرة مركزة على الأدوات والممارسات التي أستخدمها في الواجهة، الباك إند، التعريب، الاختبار، وأسلوب العمل.
الباك إند والبيانات
أساسيات السيرفر والبيانات التي أطبقها من خلال مشاريع Full-stack حقيقية.
- Server-side validation
- Prisma ORM
- PostgreSQL
- Authentication flows
- Transactional logic
- Environment configuration
التعريب والإتاحة
ممارسات تجعل الواجهات أسهل استخداماً عبر اللغات، الأجهزة، وطرق الإدخال المختلفة.
- English / Arabic routes
- RTL layouts
- Keyboard-friendly navigation
- Visible focus states
- Readable content structure
أسلوب العمل والجودة
عادات وأدوات تجعل التغييرات قابلة للمراجعة، الاختبار، والتحسين خطوة بخطوة.
- Git & GitHub
- Typed configuration
- Step-by-step delivery
- ESLint
- TypeScript type checking
- Vitest / Playwright
- AI-assisted development workflow
تركيز مقصود
أبقي هذه القائمة مركزة على مهارات أستطيع إثباتها من خلال مشاريع حقيقية. دراسات المشاريع توضح كيف تم استخدام هذه الأدوات في سياق عملي.
الشهادات وورش العمل
محطات تعلم تدعم عملي على المشاريع.
قائمة مركّزة للدورات المكتملة وشهادات ورش العمل. أبقي هذا القسم مختصراً حتى يدعم المشاريع بدون أن يحل مكان إثبات العمل العملي.
مكتملدورة
برنامج Front End Web Developer Nanodegree
Udacity
يونيو 2025
شهادة إكمال برنامج Nanodegree مركّز على تطوير واجهات الويب.
قيد التعلّمدورة
دورة The Complete Full-Stack Web Development Bootcamp
Udemy / Dr. Angela Yu
أكثر من 62 ساعة
أعمل حالياً على دورة تطوير ويب Full-Stack مبنية على مشاريع عملية، وتغطي أساسيات الواجهة الأمامية وReact وNode.js وExpress وPostgreSQL والتوثيق وAPIs وأساسيات النشر وطريقة عمل المطورين الحديثة.
المواضيع المغطاة
- React
- Node.js
- Express
- PostgreSQL
- التوثيق
- APIs
مكتملدورة
دورة تدريب Arduino
IEEE جامعة النجاح الوطنية / مجتمع RAS
سبتمبر 202542 ساعة تدريبية
إكمال دورة Arduino عملية مرتبطة بأساسيات الإلكترونيات والأنظمة المدمجة.
مكتملورشة عمل
شهادات ورش عمل RASCadia Bootcamp
IEEE RAS
سبتمبر–أكتوبر 20254 شهادات ورش عمل
مجموعة ورش من نفس المعسكر، تم جمعها في بطاقة واحدة حتى يبقى القسم مرتباً مع توضيح المواضيع التي تم تغطيتها.
المواضيع المغطاة
- Python
- الأمن السيبراني
- الروبوتات
- Raspberry Pi
المشاريع
أعمال مختارة بنطاق واضح ونتائج صادقة.
مكان مركّز لعرض المشاريع من حيث المشكلة، التقنيات، قرارات التنفيذ، وما تم تعلمه.
مكتملمميز
قالب متجر ملابس إلكتروني
قالب متجر ملابس Full-stack ثنائي اللغة للمتاجر الصغيرة، يركز على الكتالوج، السلة، الطلب، لوحة الإدارة، مخزون المقاسات والألوان، وتجهيز النشر.
أبرز نقاط المشروع
- مخزون حسب المقاس واللون لمنتجات الملابس.
- بحث وتصنيف وتحميل المزيد للمنتجات من السيرفر مع حدود آمنة.
- لوحة إدارة للمنتجات، التصنيفات، الطلبات، المتغيرات، والمخزون.
- تحقق على السيرفر لعملية الطلب، الأسعار، المخزون، وإجراءات الإدارة.
- واجهة عربية/إنجليزية مع دعم RTL/LTR لتناسب السوق المحلي.
- Next.js
- TypeScript
- React
- Prisma
- PostgreSQL
- Better Auth
- Zod
- Cloudinary
- Upstash Redis
- Nodemailer
- Vitest
- Playwright
- Render
إجراءات المشروع
مستضاف على خطة Render المجانية؛ قد يحتاج التحميل الأول لبعض الوقت بعد فترة عدم استخدام.
بيانات تجريبية فقط؛ لا يتم عرض بيانات عملاء حقيقية.
مستودع خاص
الكود المصدري محفوظ كمستودع خاص لأن المشروع قالب قابل لإعادة الاستخدام للعملاء. يمكن مناقشة تفاصيل التنفيذ أو مشاركة الوصول بشكل انتقائي عند الحاجة.
تواصل
لنتحدث عن أعمال ويب عملية وفرص مستقبلية.
قسم تواصل بسيط ومباشر للمحادثات المهنية. حالياً يبقى التواصل عبر الروابط بدل نموذج تواصل، حتى يبقى الموقع بسيطاً، أفضل للخصوصية، وأسهل في التأمين.
أسباب مناسبة للتواصل
- فرص تطوير ويب Full-stack
- مواقع شخصية، صفحات تعريفية، أو مواقع بسيطة للأعمال
- تعاون حول أفكار برمجية وعملية مرتبطة بهندسة الحاسوب