Ziyad M.
نبذة
مطور واجهات أمامية (Front-End Developer) امتلك خبرة عملية في بناء تطبيقات ويب متجاوبة وموجهة للمستخدم باستخدام تقنيات حديثة مثل React، TypeScript، Tailwind CSS، وJavaScript. ماهر في تحويل تصاميم UI/UX إلى واجهات تفاعلية وسهلة الوصول، مع فهم عميق للهندسة المعتمدة على المكونات، وإدارة الحالة، ودمج واجهات برمجية RESTful APIs.
قمت بتطوير مشاريع ديناميكية مثل منصات التجارة الإلكترونية وتطبيقات تواصل اجتماعي متكاملة باستخدام MERN Stack.
المهارات
لغات البرمجة:
HTML5, CSS3, JavaScript (ES6+), TypeScript
المكتبات واطر العمل
React.js, Next.js, Redux, Zustand, Tailwind CSS, Bootstrap, shadcnUI
الأدوات والمنصات
Git, GitHub, Vite, NPM, VS Code, figma
الخبرات والخدمات
🔹 تطوير واجهات أمامية متجاوبة
- بناء مواقع وتطبيقات ويب حديثة باستخدام HTML5, CSS3, JavaScript, TypeScript.
- إنشاء تصاميم متوافقة مع جميع الأجهزة (كمبيوتر، موبايل، تابلت).
🔹 تصميم وتطوير مكونات تفاعلية
- تطوير واجهات ديناميكية باستخدام React.js وNext.js.
- إدارة الحالة بكفاءة عبر Redux وZustand.
- تحسين الأداء باستخدام بنية تعتمد على المكونات (Component-based architecture).
🔹 تصميم واجهات مستخدم عصرية
- تطبيق تصميمات عصرية باستخدام Tailwind CSS وBootstrap.
- تحويل تصاميم Figma إلى واجهات ويب متكاملة.
- إضافة تأثيرات وحركات تفاعلية سلسة لتحسين تجربة المستخدم.
🔹 تحسين محركات البحث (SEO)
- إعداد هيكلة SEO أساسية (Meta Tags, Open Graph, Sitemap).
- تحسين سرعة وأداء الموقع لرفع ترتيبه في نتائج البحث.
- تطبيق معايير SEO Friendly مع دعم اللغات (RTL/LTR).
الشهادات والكورسات
Digital Arts – مصمم واجهات وتجربة مستخدم (UI/UX) – مبادرة رواد مصر الرقمية (DEPI)
- إتمام دورة شاملة في تصميم واجهات وتجربة المستخدم ركّزت على مبادئ التصميم المتمحور حول المستخدم، الـ Wireframing، النماذج الأولية (Prototyping)، وتصميم الواجهات المتجاوبة.
- اكتساب مهارات عملية في إنشاء واجهات مستخدم بديهية وتحسين تجربة الاستخدام.
- التركيز على التسلسل البصري (Visual Hierarchy)، وإمكانية الوصول (Accessibility)، وسهولة الاستخدام في تطبيقات الويب الحديثة.
- تضمن البرنامج أيضًا دورة متخصصة في إتقان اللغة الإنجليزية بشكل احترافي لتعزيز مهارات التواصل الأكاديمي والعملي.
Manara Tech – دورة React متقدمة
- إتمام دورة متقدمة في React غطّت موضوعات أساسية مثل الـ Hooks، وContext API، وReact Router، وإدارة الحالة، وتحسين الأداء.
- تطوير مشاريع عملية باستخدام هيكلية معتمدة على المكونات (Component-Based Architecture)، والـ Hooks المخصصة القابلة لإعادة الاستخدام، وأفضل الممارسات الحديثة للتوسع.
دورة متكاملة في تطوير RESTful APIs باستخدام Node.js، Express.js وMongoDB.
- تعلمت إعداد بيئة التطوير والعمل مع الوحدات (Modules) وحزم NPM.
- قمت ببناء تطبيقات تعتمد على معمارية MVC وتنفيذ عمليات CRUD متكاملة.
- اكتسبت مهارات في التحقق من البيانات، المصادقة والتفويضAuthentication & Authorization، وإدارة الأخطاء.
- حصلت على خبرة عملية في تصميم وتطوير تطبيقات خلفية قابلة للتوسع والإنتاج.