سلام، من مازیار هستم

من یک توسعه‌دهنده با تجربه در زمینه وب و موبایل هستم که با تکنولوژی‌های مدرن کار می‌کنم.

maziar abbaszadeh
about

مازیار عباس زاده

توسعه دهنده فرانت اند

من را بشناسید

مشتاق به خلق تجربیات دیجیتال

من یک برنامه‌نویس و توسعه‌دهنده‌ی تخصصی فرانت‌اند وب هستم که تمرکزم روی خلق رابط‌های کاربری سریع، زیبا و مدرن با استفاده از Next.js، React، WordPress و ابزارهای روز مثل Tailwind CSS و Material UI هست. تجربه‌ی من در پیاده‌سازی رابط‌هایی با طراحی دقیق و عملکرد بهینه باعث شده وب‌سایت‌هایی بسازم که نه‌تنها چشم‌نوازن، بلکه در همه‌ی مرورگرها، مخصوصاً WebKit-based مثل Safari و Chrome، عملکرد عالی و بدون نقصی دارن. من به جزئیات اهمیت می‌دم؛ چه توی طراحی پیکسلی دقیق، چه در انیمیشن‌های تعاملی و چه در بهینه‌سازی تجربه‌ی کاربری و سئو. تسلطم بر توسعه‌ی پوسته‌ها و افزونه‌های اختصاصی در WordPress رو با قدرت Next.js ترکیب می‌کنم تا وب‌سایت‌هایی داینامیک، سریع، SEO-friendly و قابل گسترش بسازم. اگه دنبال کسی هستی که هم کدنویسی تمیز بلد باشه، هم UI/UX رو درک کنه و هم بتونه یه وب‌سایت واقعی و حرفه‌ای بسازه، خوشحال می‌شم باهات همکاری کنم.

  • +40پروژه تکمیل شده
  • +4سال تجربه فرانت
  • 98%رضایتمندی

توانایی های من

من با استفاده از این تکنولوژی ها کار می کنم

Front-End Development

  • React

    80%

    React یک کتابخانه جاوااسکریپت برای ساخت رابط‌های کاربری پویا و تعاملی است.

  • Next.js

    70%

    Next.js فریم‌ورکی بر پایه React برای ساخت اپلیکیشن‌های SSR و SSG است.

  • TypeScript

    70%

    TypeScript نسخه‌ای تکامل‌یافته از JavaScript است که قابلیت تایپ ایستا و خطایابی دقیق‌تر را فراهم می‌کند.

  • JavaScript

    90%

    JavaScript زبان برنامه‌نویسی پویا برای ساخت صفحات وب تعاملی و داینامیک است.

  • HTML

    90%

    HTML زبان نشانه‌گذاری استاندارد برای ساختاردهی محتوای صفحات وب است.

  • CSS

    90%

    CSS زبان استایل‌دهی به صفحات HTML است و ظاهر و طراحی رابط را مشخص می‌کند.

  • طراحی ریسپانسیو

    85%

    طراحی رابطی که در همه‌ی اندازه‌های صفحه‌نمایش به درستی نمایش داده شود، با استفاده از Media Query، Flexbox و Grid.

  • Framer Motion

    60%

    Framer Motion کتابخانه‌ای برای ایجاد انیمیشن‌های روان در React است.

Styling & UI Frameworks

  • Module SCSS

    85%

    Module SCSS روشی برای استایل‌دهی ماژولار در React و Next.js است که هر فایل SCSS به صورت محلی (scoped) فقط روی همان کامپوننت اعمال می‌شود.

  • Tailwind CSS

    85%

    Tailwind یک فریم‌ورک CSS مبتنی بر utility classها برای طراحی سریع رابط کاربری است.

  • Material UI

    70%

    Material UI مجموعه‌ای از کامپوننت‌های آماده برای React بر پایه طراحی متریال است.

  • Bootstrap

    90%

    Bootstrap فریم‌ورک CSS معروف برای طراحی واکنش‌گرا و سریع صفحات وب است.

Back-End & Databases (Basics)

  • REST API

    75%

    درک نحوه استفاده از APIهای RESTful برای ارتباط فرانت‌اند با بک‌اند.

  • GraphQL (مبانی)

    50%

    آشنایی ابتدایی با ارسال درخواست و دریافت داده از طریق GraphQL.

  • Node.js (پایه)

    60%

    آشنایی با محیط اجرایی Node.js برای استفاده در ابزارها یا اسکریپت‌های سمت سرور.

  • Headless CMS

    70%

    کار با CMSهای بدون رابط مثل WordPress Headless، Strapi یا Sanity برای دریافت محتوا.

  • احراز هویت (Authentication)

    60%

    پیاده‌سازی اولیه سیستم ورود و خروج کاربران با JWT یا سشن.

  • PHP

    50%

    PHP زبان اسکریپت‌نویسی سمت سرور است که بیشتر در توسعه وب استفاده می‌شود.

  • MySQL

    60%

    MySQL یک سیستم مدیریت پایگاه داده رابطه‌ای برای ذخیره و بازیابی داده‌ها است.

Tools & DevOps

  • Docker

    60%

    Docker پلتفرمی برای ساخت، اجرا و مدیریت برنامه‌ها در محیط‌های ایزوله (Container) است.

  • Git

    80%

    Git سیستم کنترل نسخه برای پیگیری تغییرات کد و همکاری تیمی در توسعه نرم‌افزار است.

  • GitHub

    80%

    GitHub بستری برای میزبانی پروژه‌های گیت و همکاری در توسعه کد است.

  • Chrome DevTools

    85%

    مجموعه‌ای از ابزارهای داخلی مرورگر برای دیباگ، بررسی و بهینه‌سازی صفحات وب.

Design & SEO

  • Figma

    75%

    Figma ابزار طراحی رابط کاربری و نمونه‌سازی تعاملی به صورت آنلاین و تیمی است.

  • مبانی سئو (SEO)

    70%

    دانش بهینه‌سازی ساختار کد، محتوا و متادیتا برای بهتر دیده‌شدن در موتورهای جستجو.

Soft Skills

  • حل مسئله

    85%

    توانایی شناسایی مشکلات، تحلیل علت‌ها و ارائه‌ی راه‌حل‌های مؤثر.

  • کار تیمی

    80%

    ارتباط مؤثر و همکاری با اعضای تیم در پروژه‌های تیم‌محور و محیط‌های چابک.

  • مدیریت زمان

    75%

    توانایی مدیریت درست زمان و انجام وظایف در زمان مقرر.

  • ارتباط مؤثر

    80%

    تعامل حرفه‌ای و شفاف با اعضای تیم، مشتریان و مدیران پروژه.

  • یادگیری مداوم

    90%

    علاقه‌مند به یادگیری تکنولوژی‌های جدید و پیشرفت مداوم در حوزه فرانت‌اند.

رزومه

رزومه یک سند خلاصه و حرفه‌ای است که مهارت‌ها، تجربیات، تحصیلات، و توانایی‌های یک فرد را برای معرفی به کارفرما یا پروژه‌ای خاص نمایش می‌دهد

خلاصه ای از حرفه ی من

توسعه‌دهنده‌ی فرانت‌اند باانگیزه و متخصص در طراحی و پیاده‌سازی رابط‌های کاربری مدرن، مقیاس‌پذیر و با کارایی بالا.با اشتیاق به استفاده از جدیدترین تکنولوژی‌ها مانند React، Next.js و Tailwind CSS برای خلق تجربه‌های کاربری حرفه‌ای و حل چالش‌های پیچیده در سطح رابط و تعامل کاربر.

مشخصات تماس

تجربیات حرفه ای

توسعه دهنده فرانت اند ارشد

1400 - تا حالاFreelance | Remote
  • توسعه رابط‌های کاربری مدرن، بهینه و واکنش‌گرا با استفاده از Next.js، React و Tailwind CSS، همراه با معماری کامپوننت‌محور و ساخت پوسته‌های اختصاصی در WordPress.
  • طراحی و پیاده‌سازی قالب‌ها و افزونه‌های اختصاصی در WordPress با تمرکز بر بهینه‌سازی عملکرد (Performance)، ساختار سئویی مناسب، و توسعه‌ی Headless سایت‌ها با ترکیب WordPress و Next.js.
  • ایجاد تجربه‌ی کاربری روان و دقیق با رعایت Pixel Perfect Design، اصول UX، و پشتیبانی کامل از مرورگرهای WebKit مثل Chrome و Safari.
  • بهره‌گیری از کتابخانه‌ها و ابزارهای UI نظیر Material UI، Framer Motion، Swiper.js برای افزایش جذابیت بصری و بهبود تعامل کاربر با رابط.
  • رعایت کامل اصول کدنویسی تمیز (Clean Code)، پیاده‌سازی طراحی ریسپانسیو (Responsive Design)، و توجه ویژه به دسترس‌پذیری (Accessibility) بر اساس استانداردهای WCAG.
  • تجربه‌ی مؤثر در کار تیمی چابک (Agile) با استفاده از متدولوژی Scrum، شامل حضور فعال در جلسات Daily، Sprint Planning و Retrospective و همکاری نزدیک با طراحان و بک‌اند دولوپرها برای تحویل به‌موقع و باکیفیت فیچرها.
  • تسلط بر ابزارهای توسعه و همکاری مانند Git، GitHub، Figma، Postman و Chrome DevTools برای مدیریت نسخه، تست، و بهبود تجربه‌ی توسعه.

پروژه های من

پروژه‌هایی که با تمرکز بر طراحی مدرن، تجربه کاربری روان و عملکرد بالا توسعه داده‌ام. از رابط‌های واکنش‌گرا گرفته تا وب‌ سایت‌های داینامیک با کدنویسی تمیز و تکنولوژی‌های روز

بهین رسالت

فروشگاه آنلاین ، نخستین مرکز تخصصی خدمات موبایل و لوازم جانبی در استان اصفهان است که بیش از ۳۰ سال سابقه فعالیت دارد. این فروشگاه با تمرکز بر برندهای معتبر مانند شیائومی، انکر، میبرو و گلوریمی، عرضه‌ و پشتیبانی محصولات دیجیتال از جمله هدفون، ساعت هوشمند و پاوربانک را در دستور کار دارد در طراحی این وب‌سایت، تجربه کاربری ساده، صفحه‌بندی برای دسته‌بندی محصولات (هدفون، ساعت هوشمند، سایر لوازم جانبی)، و صفحات اختصاصی برای بلاگ، درباره ما و تماس با ما و همچنین امکان پرداخت و پیگیری سفارش پیاده‌سازی شده است

مشاهده جزئیات
شرکت تسنا ( تجهیز ساخت نور آرا )

در وب‌سایت tasnaa.com از قابلیت‌های پیشرفته وردپرس به‌صورت کاملاً بهینه استفاده شده است. ساختار دسته‌بندی‌ها و اسلاگ‌ها به‌گونه‌ای طراحی شده‌اند که به بهبود سئو و افزایش سرعت کوئری‌ها کمک ‌کنند. طراحی سایت کاملاً واکنش‌گراست و تجربه کاربری مطلوبی در تمامی دستگاه‌ها فراهم می‌کند. یکی از ویژگی‌های متمایز این سایت، تغییر خودکار قیمت محصولات بر اساس نقش کاربر (مانند مشتری عادی، عمده‌فروش و...) است. بنرهای سایت به صورت داینامیک طراحی شده‌اند تا مدیریت آسان و به‌روزی داشته باشند. همچنین کل داده‌های سایت به‌صورت پویا مدیریت می‌شوند تا امکان به‌روزرسانی سریع و بدون نیاز به تغییرات ساختاری فراهم شود.

مشاهده جزئیات
شرکت پیشرو لیزر سبز(PLSCO)

وب‌سایت PLSCO یک فروشگاه آنلاین تخصصی در حوزه فروش فیلر، مزوتراپی، دستگاه‌های زیبایی و تجهیزات پزشکی است که با تمرکز بر طراحی واکنش‌گرا، ساختار تمیز و سرعت لود بالا توسعه داده شده است. این پروژه با استفاده از وردپرس و ووکامرس پیاده‌سازی شده و شامل فیلتر داینامیک محصولات با کمک ACF و افزونه‌های فیلتر پیشرفته برای جست‌وجوی سریع بر اساس برند و نوع محصول است. قالب سایت به‌صورت اختصاصی و سبک با HTML/CSS سفارشی و ساختار utility-based طراحی شده تا عملکرد بهینه داشته باشد. سیستم مدیریت کاربران امکان ثبت سفارش بعد از احراز هویت از نظام پزشکی که با تغییر وضعیت کاربر این امکان را می دهد و تجربه کاربری روان و مینیمال را در موبایل و دسکتاپ تضمین می‌کند. همچنین اتصال به درگاه پرداخت، سبد خرید، پیش‌فاکتور و بهینه‌سازی عملکرد کلاینت‌ساید برای سرعت بارگذاری بهتر در سایت اعمال شده است.

مشاهده جزئیات
فخر عطا

وب‌سایت Fakhr Ata یک وب‌سایت معرفی حرفه‌ای برای مشاور املاک فعال در دبی است که در حوزه خرید، فروش و سرمایه‌گذاری در املاک لوکس، از جمله پروژه‌هایی مانند پارک وود دبی و گروه AKT فعالیت می‌کند. طراحی این سایت برند‌محور و شخصی‌سازی‌شده بوده و شامل صفحه معرفی کامل، نمونه پروژه‌ها به همراه فایل‌های PDF تکمیلی و محتوای خدماتی است. رابط کاربری سایت به‌صورت واکنش‌گرا و سبک طراحی شده تا در موبایل و دسکتاپ تجربه‌ای یکپارچه و روان فراهم کند. ساختار سایت محتوامحور و کاربرپسند است و شامل بخش‌هایی مانند معرفی، خدمات، پروژه‌ها، تماس با ما و لینک مستقیم به شبکه‌های اجتماعی مانند اینستاگرام می‌باشد. توسعه این پروژه احتمالاً با استفاده از CMS مانند WordPress انجام شده تا امکان آپلود و به‌روزرسانی آسان فایل‌ها و پروژه‌ها فراهم باشد. تمرکز اصلی در توسعه، بر سرعت بارگذاری بالا و بهینه‌سازی برای موتورهای جست‌وجو (SEO) جهت جذب بازار هدف دبی قرار داشته است.

مشاهده جزئیات
پارسا نوین سلولز نقش جهان

وب‌سایت parsapapertube.com متعلق به شرکت «پارسا نوین سلولز نقش جهان» در اصفهان است که با بیش از ۲۰ سال سابقه در زمینه تولید لوله‌های مقوایی برای صنایع چاپ، بسته‌بندی، پلاستیک و نساجی فعالیت می‌کند. این سایت با استفاده از وردپرس و طراحی قالب اختصاصی پیاده‌سازی شده و دارای ساختاری واکنش‌گرا و سبک است که تجربه کاربری مطلوبی را در موبایل و دسکتاپ فراهم می‌سازد. دسته‌بندی دقیق محصولات بر اساس نوع کاربرد، بخش بلاگ تخصصی برای ارتقاء سئو، فرم سفارش آنلاین و اطلاعات تماس کامل، از جمله امکانات این سایت هستند. همچنین تمرکز بر سرعت بارگذاری، سادگی رابط کاربری و سئو محلی باعث شده تا سایت برای مشتریان صنعتی در جست‌وجوهای منطقه‌ای به‌خوبی دیده شود.

مشاهده جزئیات
شیدکس

شیدکس یک سایت آنلاین تخصصی در حوزه محصولات زیبایی و سلامت است که طراحی و توسعه کامل آن توسط من انجام شده است. این سایت با تمرکز بر رابط کاربری (UX) و قابلیت فیلتر محصولات بر اساس دسته بندی، برند، رنگ و محدوده قیمت طراحی شده است. بخش فروشگاه به طور کامل به صورت دینامیک و واکنشگرا انجام شده و تجربه یکپارچه و سریع را در تمام دستگاه‌ها فراهم می‌کند. طراحی بنر و دسته بندی به گونه‌ای انجام شده است که همچنین با هماهنگی برندی همگام می‌ماند. توسعه سمت فروشگاه با استفاه از HTML، CSS، JavaScript و مدیریت سمت پشتیبانی با (CMS مانند PHP، وردپرس) انجام شده است.

مشاهده جزئیات
کینز کلینیک

وب‌سایت KYNZ Clinic را به‌صورت کامل طراحی و توسعه دادم و رابط کاربری مدرن، واکنش‌گرا و کاربرپسند را پیاده‌سازی کردم. صفحات خدمات، پزشکان، تماس با ما و رزرو نوبت را توسعه دادم، عملکرد سایت و سئو را بهینه‌سازی کردم و تجربه کاربری را برای نمایش صحیح در موبایل، تبلت و دسکتاپ بهبود بخشیدم.

مشاهده جزئیات
بهین رسالت
شرکت تسنا ( تجهیز ساخت نور آرا )
شرکت پیشرو لیزر سبز(PLSCO)
فخر عطا
پارسا نوین سلولز نقش جهان
شیدکس
کینز کلینیک

بیایید با هم چیزی شگفت‌انگیز بسازیم

من همیشه به فرصت‌های جدید و پروژه‌های هیجان‌انگیز علاقه‌مندم. چه سوالی داشته باشید و چه فقط بخواهید سلام کنید، خوشحال می‌شوم با من تماس بگیرید!