مطور واجهات أمامية أول

مرحباً، أنا Sergei.

مطور واجهات أمامية أول بخبرة عملية تتجاوز 6 سنوات بدوام كامل في بناء واجهات التجارة الإلكترونية والمنتجات. أعمل على React وTypeScript وNext.js وأنظمة frontend صديقة لـ SEO، وأكتب اختبارات آلية، وأتعامل مع Node.js وMongoDB عندما يحتاج المنتج إلى تسليم full-stack.

+6 سنواتفي بناء واجهات إنتاجية
+20 إطلاقاًضمن التجارة الإلكترونية وفرق المنتجات
React + SEOواجهات سريعة ومتاحة وسهلة الاستخدام

نبذة عني

مطور واجهات أمامية أول

مطور واجهات أمامية أول بخبرة عملية تتجاوز 6 سنوات بدوام كامل في بناء واجهات التجارة الإلكترونية والمنتجات. أعمل على React وTypeScript وNext.js وأنظمة frontend صديقة لـ SEO، وأكتب اختبارات آلية، وأتعامل مع Node.js وMongoDB عندما يحتاج المنتج إلى تسليم full-stack.

الوسائط

السيرة الذاتية بالفيديو

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

الخبرة

مطور واجهات أمامية أول

عن بُعد (موسكو، روسيا)

سبتمبر 2023 - حتى الآن

  • نفذت مهاماً بأي درجة تعقيد على Vue وReact وJavaScript وTypeScript، وأجريت إعادة هيكلة ودعمت استقرار جزء واجهة المستخدم في جميع مشاريع الشركة ومشاريع شركائها: المتاجر الإلكترونية، المكونات المدمجة، واجهات العرض، لوحات الإدارة، وشهادات الهدايا.
  • طورت من الصفر، وفي وقت قصير، ثلاث لوحات إدارة كبيرة، فأصبح عملاء الشركة قادرين على إدارة بضائعهم وحساباتهم الشخصية بأنفسهم. كان ذلك يتم سابقاً عبر المديرين والمبرمجين، وقد وفر حل هذه المشكلة مئات ساعات العمل.
  • طورت مكتبة مكونات جديدة لواجهة المستخدم، مما سمح بتحديث تصميم الشركة وجعل المنتجات أكثر جاذبية بصرياً.
  • كتبت اختبارات آلية للمشاريع الحالية باستخدام Cypress.js، مما ساعد على العثور على الأخطاء وإصلاحها. بدأت جميع المشاريع تمر عبر الاختبارات الآلية، فازدادت استقراراً وقلّت الأخطاء المستقبلية.
  • طورت خدمة كاملة لتسجيل أخطاء واجهة المستخدم: واجهة على React.js، وجزء خادمي على Node.js، وقاعدة MongoDB. ودمجت جمع السجلات وإرسالها في جميع مشاريع الواجهة، مما أتاح رؤية أخطاء الواجهة وإصلاحها مسبقاً.
  • أدخلت الذكاء الاصطناعي في منتجات الشركة، وأنشأت تطبيقات JavaScript كاملة لتوليد الصور ونصوص التهنئة لشهادات الهدايا عبر الذكاء الاصطناعي، مما ميّز المنتج في السوق وزاد الوظائف والمبيعات.
  • أنشأت مساعداً آلياً بالذكاء الاصطناعي يرد على رسائل المستخدمين، مما خفف العبء عن مركز الدعم وخفّض التكاليف بشكل كبير.
  • بناءً على طلب Alfa-Bank أنشأت منصة تدريب وتحفيز لموظفي البنك، وبناءً على طلب Belis أنشأت متجراً إلكترونياً مع برنامج إحالة.

مطور واجهات أمامية متوسط

عن بُعد (موسكو، روسيا)

فبراير 2020 - أغسطس 2023

  • طورت من الصفر نحو 15 مشروعاً معقداً من تطبيقات الصفحة الواحدة: لوحة إدارة، متجر إلكتروني، مكونات مدمجة، نظام دفع، منصات للشركات وللمستخدمين الأفراد، ومشاريع مدمجة داخل مواقع الشركاء. انتقلت هذه المشاريع من الفكرة إلى الإصدار ضمن فريق يعمل بمنهجية Scrum، ويستخدمها عشرات الآلاف من الأشخاص وتحقق الإيراد الأساسي.
  • أعدت بناء 5 مشاريع كبيرة وقديمة من تقنيات متقادمة مثل PHP 5 وVue 1 وjQuery إلى تقنيات أحدث مثل TypeScript وReact وRedux، مما قلل وقت تنفيذ الوظائف ووفر آلاف ساعات التطوير.
  • دعمت جميع المشاريع، بما في ذلك الشيفرة القديمة، أصلحت الأخطاء، نفذت وظائف جديدة، حسّنت المشاريع الحالية، وراجعت الشيفرة وأعدت هيكلتها بانتظام، مما ساعد على زيادة المبيعات وتحسين السمعة.
  • تحملت المسؤولية الكاملة عن معظم المشاريع وشاركت في تصميم معماريتها. اتخذت كثيراً من القرارات الأساسية، مثل اختيار التقنيات ولغة البرمجة والمعمارية، مما أتاح استخدام أحدث التقنيات وأفضل ممارسات التطوير.
  • أدخلت المطورين من المستوى المتوسط إلى العمل، وجذبت أشخاصاً إلى الفريق، وأجريت مقابلات تقنية، وسجلت مقاطع تدريبية لفريقي ولعملاء الشركة. ساعد ذلك الموظفين الجدد على الاندماج بسرعة وتقديم قيمة.
  • نفذت تحسيناً لمحركات البحث في مشاريعنا على React وNext.js وPHP، مما جعلها تظهر أكثر في نتائج البحث وتجذب مزيداً من العملاء.
  • طورت عدداً كبيراً من رسائل البريد الإلكتروني المعقدة، ونفذت WebSocket في شيفرة المشاريع، وتفويضاً قائماً على الرموز، وطورت مكتبتين للمكونات، وأضفت حركات حديثة ومعقدة إلى جميع المشاريع، ونفذت تكاملات خارجية مع مشاريع الشركاء.
  • نفذت في المشاريع وظائف تحسّن تفاعل المستخدم: الإكمال التلقائي للبريد الإلكتروني، قناع إدخال الهاتف مع أعلام الدول، قص الصور، التحقق من نماذج كثيرة، عرض الأخطاء والتلميحات، الاستبدال التلقائي للبيانات، وتعريب المشاريع.
  • بلغت تغطية مشاريعي بالاختبارات 85%، عبر اختبارات وحدات باستخدام Jest واختبارات شاملة باستخدام Cypress، مما قلل عدد الأخطاء بفضل اكتشافها السريع وجعل المشاريع مستقرة.
  • هيأت المشاريع لمتصفحات مختلفة مثل Safari وFirefox وChromium، ولأنظمة تشغيل مختلفة مثل macOS وLinux وWindows، ولأجهزة مختلفة. حللت المشكلات التي تظهر في كل متصفح ونظام تشغيل بعينه.

مطور واجهات أمامية

في المكتب (سانت بطرسبرغ، روسيا)

فبراير 2019 - يناير 2020

  • طورت مشروعاً على React يعرض المطاعم على الخرائط وقوائم المطاعم، ويسمح بإجراء طلب من المطعم، وكانت هذه هي الفكرة التجارية الأساسية.
  • شاركت ضمن الفريق في تطوير معمارية المشروع المستقبلي. اقترحت أفكاراً تم تنفيذها وخفضت الحمل على الخادم ورفعت أداء المشروع.
  • أصلحت أخطاء في الموقع الرئيسي ونفذت وظائف كثيرة، مما حسّن السمعة وزاد عدد العملاء. كما طورت مواقع لمطاعمنا الشريكة.
  • بلغت تغطية مشاريعي بالاختبارات 50% باستخدام Jest، مما قلل عدد الأخطاء بفضل اكتشافها السريع وجعل المشروع مستقراً.
  • نفذت تحسيناً لمحركات البحث في مشاريعنا، مما جعلها تظهر أكثر في نتائج البحث وتجذب مزيداً من العملاء.
  • أدخلت في المشاريع وظائف تحسّن تفاعل المستخدم: الإكمال التلقائي للبريد الإلكتروني، قناع إدخال الهاتف، التحقق من كل البيانات، عرض الأخطاء والتلميحات، ودمج المطاعم مع خرائط Google.
عمل حر

مطور واجهات أمامية

عن بُعد (سانت بطرسبرغ، روسيا)

مايو 2018 - يناير 2019

  • طورت عدداً كبيراً من المواقع الإلكترونية لعملائي، مما أتاح لهم الوجود على الإنترنت وبيع الخدمات وزيادة الإيرادات والمبيعات وتحسين السمعة.
  • دعمت مواقع عملائي، وأصلحت الأخطاء والمشكلات، وأضافت وظائف جديدة، كما دعمت أنظمة إدارة المحتوى WordPress وWix وJoomla. أدى ذلك إلى زيادة المبيعات وتحسين انطباع المستخدمين عن المنتج.

التعليم

التعليم

المهارات

الستاك الأساسي

JavaScriptTypeScriptReactNext.jsVue 3ReduxVuexCSSHTMLSassJestCypressNode.jsExpressMongoDBWebpackViteGulpDockerREST APIWebSocketMaterial UIVuetifyjQueryBootstrapBEMGitOpenAILinuxWordPressJoomlaWixFigmaZeplinSEOUI/UX

المشاريع

أعمال مختارة

المشاريع الشخصية

Rizae

Rizae

2026

منصة شخصيات ذكاء اصطناعي للتعلم والسيناريوهات الإبداعية والمحادثات الآمنة متعددة اللغات.

Next.jsTypeScriptNode.jsMongoDB
Idfot

Idfot

2026

محرر خاص داخل المتصفح لصور المستندات لجوازات السفر والتأشيرات وصور الهوية مع أدلة قص وملفات جاهزة للتصدير.

Next.jsTypeScript
Gitae

Gitae

2026

أدوات تشخيص للمواقع وDNS وSSL والمنافذ وIP والنطاقات والتوجيه.

Next.jsTypeScriptNode.jsMongoDB
Jurfi

Jurfi

2026

استوديو مستندات قانونية داخل المتصفح بقوالب قابلة لإعادة الاستخدام وملفات جاهزة للتصدير.

Next.jsTypeScript
Picmu

Picmu

2026

أداة خاصة داخل المتصفح لتحويل الوسائط وضغطها وتغيير حجمها واقتصاصها وتنظيفها.

Next.jsTypeScript
Pdfre

Pdfre

2026

مجموعة PDF مركزة داخل المتصفح لدمج الملفات وتقسيمها وتحويلها وإضافة العلامات المائية وتنظيفها وحمايتها.

Next.jsTypeScript
QRViz

QRViz

2026

مولد QR ثابت مع إعدادات عملية وملفات جاهزة للتصدير.

Next.jsTypeScript
Faeru

Faeru

2026

منصة تعمل من المتصفح أولاً للتنجيم والتاروت والتوقيت وتركّز على أدوات واضحة وتفسير سهل القراءة والخصوصية.

Next.jsTypeScript
Browser MMORPG

لعبة MMORPG داخل المتصفح بمهام قصة ومعارك وتطور ودردشة وتوطين إلى 21 لغة.

TypeScriptReact.jsNode.jsMongoDB

مشاريع MGC التي بنيتها من الصفر

Analytics Dashboard

2024

لوحة تحليلات وتقارير لـ My Gift Card.

TypeScriptReact.js

مشاريع MGC التي ساهمت فيها

مشاريع Digift التي بنيتها من الصفر

Group Gift Purchase App

2022

تطبيق للشراء الجماعي لبطاقات الهدايا.

JavaScriptReact.js

Group Purchase Tracker

2022

متعقب لحالة الشراء الجماعي.

JavaScriptReact.js

Email Templates

2023

قوالب بريد HTML/CSS متقدمة.

HTMLCSS

Payment System

2023

نظام دفع مبني على REST API وWebSocket.

JavaScriptWebSocket

UI Kit

2023

مكتبة UI مشتركة لمنتجات Digift.

JavaScriptReact.js

Conference Gift App

2023

تطبيق مؤتمرات لاختيار بطاقة هدية واستلامها.

JavaScriptReact.js

Card Balance Checker

2023

أداة لفحص رصيد كل بطاقة على حدة.

JavaScriptReact.js

مشاريع Digift التي ساهمت فيها

Digift Partner Admin Panel

2022-2023

لوحة إدارة لشركاء Digift.

JavaScriptReact.js

Digift.me Exchange Store

2020-2023

تجربة لاستبدال بطاقات الهدايا.

JavaScriptjQuery

التواصل

لنتحدث

رسالة مباشرة

هل لديك دور أو مشروع أو مشكلة تقنية تستحق النقاش؟

أرسل نبذة قصيرة إذا كنت تريد مناقشة دور في الواجهة الأمامية أو استشارة أو تدقيقاً تقنياً أو مشكلة محددة. ستصل الرسالة مباشرة إلى بريدي.

دور في الواجهة الأماميةاستشارةتدقيق تقني

بعض التفاصيل الواضحة عن المنتج والعائق والنتيجة المطلوبة تساعدني على الرد بسرعة.

يرجى عدم إرسال كلمات المرور أو مفاتيح API أو بيانات الدفع أو أي معلومات حساسة أخرى.