Hero background for Yasin Dehfuli portfolio

یاسین دهفولی

درباره من

من یاسین دهفولی هستم، توسعه‌دهنده‌ی فرانت‌اند با تجربه در طراحی و پیاده‌سازی رابط‌های کاربری مدرن و مقیاس‌پذیر. تخصص اصلی من کار با Vue.js و TypeScript است، اما با ساختار و معماری فریم‌ورک‌های React و Angular نیز آشنایی دارم و تجربه استفاده از اونها و ابزار هاشون برام جذاب بوده و باعث میشه تک بعدی به جاوا اسکریپت نگاه نکنم. هدف من همیشه ساخت نرم‌افزارهایی بوده که هم از نظر تجربه کاربری (UX) روان و لذت‌بخش باشن، و هم از نظر ساختار کد، قابل نگهداری، ماژولار و تمیز باقی بمونن. در حال حاضر به عنوان Front-end Developer در مجموعه‌ی Trend Agency فعالیت می‌کنم؛ جایی که روی توسعه‌ی پنل سازمانی اون، سیستم‌های مدیریت کمپین، سیستم ارتباطی اینفلوئنسری و بهینه‌سازی عملکرد رابط‌های کاربری کار می‌کنم. در مسیر کاری‌ام، علاقه‌ی زیادی به یادگیری مداوم دارم. هر روز سعی می‌کنم در زمینه‌هایی مثل معماری فرانت‌اند، طراحی کامپوننت‌های قابل استفاده مجدد (Reusable Components)، و بهبود عملکرد اپلیکیشن‌ها دانش بیشتری کسب کنم. یکی از علاقه‌مندی‌های من مشارکت در پروژه‌های متن‌باز (Open Source) است. در پروژه‌هایی مثل ترجمه‌ی مستندات Git و ساخت ابزارهایی برای GitHub مشارکت داشته‌ام، چون باور دارم جامعه‌ی متن‌باز جایی است که یادگیری واقعی اتفاق می‌افتد. در کنار کدنویسی، به تجربه‌ی کاربری، همکاری تیمی و طراحی رابط‌های کاربری جذاب اهمیت زیادی می‌دهم.
امیدوارم که بتونم در دنیای بزرگ نرم‌افزار نقش کوچکی از خودم ایفا کنم و بتونم تو این حوزه مفید باشم.

Yasin Dehfuli personal photo

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

من توسعه‌دهنده فرانت‌اند هستم و اپلیکیشن‌های وب مدرن، سریع و کاربرمحور را با Vue.js، React (آشنایی)، Angular (familiar) و تکنولوژی‌های روز وب طراحی و پیاده‌سازی می‌کنم. تخصص من در ایجاد رابط‌های کاربری حرفه‌ای و تجربه کاربری روان است، با تمرکز بر ارائه وب‌سایت‌ها و اپلیکیشن‌هایی که هم زیبا و هم کاربردی باشند.

  • متولد: ۱۳۷۸
  • شهر: تهران، ایران
  • ارتباط کاری: در دسترس

علاقه من به برنامه‌نویسی از سال ۲۰۱۶ آغاز شد و در ۲۰۲۱ مسیر حرفه‌ای فرانت‌اند را شروع کردم. از آن زمان، با یادگیری مستمر و تمرکز روی Vue.js، React و Angular، توانسته‌ام اپلیکیشن‌های وب مدرن و کاربرمحور بسازم. همواره مشتاق پذیرش چالش‌های جدید و دنبال کردن آخرین روندهای صنعت هستم تا تجربه‌ای حرفه‌ای و بهینه به کاربران ارائه دهم.

مهارت‌ها و تخصص‌ها

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

  • Front-end
    • JavaScript
    • TypeScript
    • Vue.js
    • ReactJs (familiar)
    • Angular (familiar)
    • Vuetify
    • Pinia
    • Axios
    • RESTful APIs
    • AntDesign (familiar)
    • NextJs (familiar)
    • Angular Universal (familiar)
    • JQuery
    • Bootstrap
    • TailwindCSS
    • Material UI
    • SASS/SCSS
    • HTML
    • CSS
    • AOS
    • Responsive Web Design
  • Development Tools
    • Git
    • Linux
    • Docker
    • Vite
    • Webpack
    • ESLint
    • Prettier
    • HoskyJs
  • Back-end
    • PHP (familiar)
    • Laravel (familiar)
    • Node.js
  • Database
    • SQL (familiar)
  • General Development Skills
    • Building Open-Source Projects
    • Component-Based
    • Composition-API
    • Agile & Scrum
    • SOLID
    • Modular Design

تجربه حرفه‌ای و تحصیلات

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

خلاصه

یاسین دهفولی

روند حرفه‌ای خود را از سال ۲۰۲۲ با مشارکت در پروژه‌های متن‌باز و فعالیت‌های فریلنسینگ آغاز کردم، در این مسیر ابزارهایی توسعه داده و با جوامع توسعه‌دهندگان جهانی همکاری کردم. از سال ۲۰۲۴، تجربه کاری در صنعت فناوری تمرکز بر توسعه فرانت‌اند، کار تیمی و ارائه اپلیکیشن‌های وب بهینه و کاربرمحور را گسترش داده است. و تجربه کاری با چالش های جالب واصطلاحات و آموزه هاش جدید برای من آغاز شد

تحصیلات

کارشناسی وب

2021 - 2022

دانشکده فنی تهران

فوق دیپلم نرم‌افزار

2017 - 2019

دانشگاه امام خمینی - مازندران، ایران

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

فرانت اند دولوپر - ترند سازان خلاق

اردیبهشت ۱۴۰۳ – حال

تهران، ایران

ترند سازان خلاق یک شرکت بازاریابی دیجیتال است که کمپین‌های تبلیغاتی گسترده‌ای را برای برندهای بزرگ ایرانی طراحی و مدیریت می‌کند.

چالش های پیش رو:
  • توسعه و بازسازی پلتفرم مدیریت کمپین‌های شرکت با استفاده از Vue 3، TypeScript و Vuetify 3، جایگزین کردن سیستم قدیمی و غیرقابل نگهداری.
  • طراحی معماری ماژولار و مقیاس‌پذیر با استفاده از Composition API، برنامه‌نویسی شیءگرا (OOP) و مدیریت وضعیت واکنشی با Pinia.
  • پیاده‌سازی سیستم کامل CRUD برای کمپین‌ها، فاکتورها و پرداخت‌ها با مدیریت خطای لحظه‌ای و نمایش اعلان‌های Toast.
  • اجرای کنترل دسترسی مبتنی بر نقش و ساخت دستورات سفارشی (v-td-tooltip، v-can، v-deny).
  • بهبود عملکرد کلی با Lazy Loading، کشینگ و بهینه‌سازی دریافت داده‌ها.
  • همکاری با تیم‌های UI/UX و بک‌اند برای هماهنگی طراحی و منطق برنامه، اطمینان از جریان داده روان، ترکیب مؤلفه‌های تمیز و ارائه تجربه کاربری حرفه‌ای و یکپارچه.

پروژه ها

در این بخش سعی دارم تعدادی از پروژه هایی که به صورت فریلنس یا پروژه های شخصی بودن رو برات به نمایش بزارم میتونی برای نمایش کامل تر موست رو روی پروژه مد نظر ببری تا ابزار ها و پیش نمایش از اون پروژه رو ببینی :)
همچنین از اینجا به بعد اگر نیاز داشتی فایل رزومه PDF ام رو ببینی میتونی به راحتی اونو دانلود کنی.

  • همه
  • فرانت اند
  • فول استک
Trend Landing Project Screenshot

لندینگ ترند سازان خلاق

Bootstrap SCSS JavaScript Flexbox Responsive
Moharek Charkhesh Project Screenshot

فرانت اند و بک اند محرک چرخش

PHP Laravel Bootstrap SCSS JavaScript AOS
Pacific Pretech Project Screenshot

لندینگ پسیفیک پریتک

Bootstrap SCSS AnimationJS JavaScript
Sanat Soleimani Project Screenshot

فرانت اند و بک اند صنعت سلیمانی

PHP Laravel Bootstrap SCSS JavaScript
Mahgold Gallery Project Screenshot

فرانت اند مه گولد گالری

jQuery Dashboard Bootstrap Responsive
Portfolio Project Screenshot

پورتفولیو شخصی قدیمی

Bootstrap jQuery CSS
Page Pilot Project Screenshot

لندینگ پروژه شخصی پیج پایلوت

Design Bootstrap SCSS Backend Panel JavaScript
4Xmen Project Screenshot

فرانت اند شخصی وبسایت 4xmen

Design JavaScript jQuery SCSS Bootstrap HTML
xStack Project Screenshot

فرانت اند شخصی تیم xStack

Vue.js Bootstrap JavaScript

پروژه ها و مشارکت ها در پروژه های متن باز

با علاقه به مشارکت در جامعه متن‌باز، پروژه‌هایی را توسعه و نگهداری می‌کنم که به توسعه‌دهندگان سراسر جهان کمک می‌کنند. این پروژه‌ها تعهد من به همکاری، نوآوری و اشتراک‌گذاری دانش در جامعه توسعه‌دهندگان را به نمایش می‌گذارند.

ترجمه کتاب گیت

داکیومنت

ترجمه فارسی نسخه دوم کتاب رسمی Pro Git که به توسعه‌دهندگان فارسی‌زبان امکان دسترسی کامل به مفاهیم گیت را در زبان مادری‌شان می‌دهد. ترجمه کامل و به‌روزرسانی شده با آخرین مخزن گیت.

Markdown Git Documentation
~6.3 Stars ~2.1 Fork

نحوه گرفتن پین های گیتهاب

آموزش

راهنمای گام‌به‌گام برای کسب نشان‌ها و دستاوردهای پروفایل در گیت‌هاب، ترجمه شده به ۱۸ زبان توسط ۲۵ مشارکت‌کننده (مثلاً Starstruck، PullShark) و شامل ترجمه‌های متعدد توسط مشارکت کنندگان.

Markdown Open Source Multi‑language
~1.2k Stars ~345 Forks

پکیج کامپوننت ها

کامپوننت

بسته کامل وب راست‌چین (RTL) شامل کامپوننت‌های Bootstrap و Tailwind با استایل‌های SASS/SCSS و طراحی واکنش‌گرا (Navbar، Hero، فاکتور) مخصوص سایت‌های فارسی و عربی.

HTML CSS/SCSS Web Components
~675 Stars ~204 Forks

ایکس مگا منو

NPM

کتابخانه سریع منوی مگا چندسطحی واکنش‌گرا بدون وابستگی در جاوااسکریپت خالص با پشتیبانی RTL. پشتیبانی از Webpack و Vite با استایل‌ها و رنگ‌های مختلف.

JavaScript Responsive UI RTL Support VanillaJS
~184 Stars ~43 Forks

ایکس شاپ

لاراول

سیستم خرید متن‌باز ساخته شده با Laravel (PHP) و فرانت‌اند Vue.js، با قابلیت شخصی‌سازی بالا، پشتیبانی چندزبانه (RTL/LTR) و تنظیمات ماژولار. همراه با Backend و پایگاه داده آماده استفاده.

Laravel PHP Vue.js E‑commerce
~494 Stars ~179 Forks

Vue Devtools

ویو جی اس

افزونه رسمی مرورگر و برنامه برای اشکال‌زدایی برنامه‌های Vue.js: مشاهده درخت کامپوننت‌ها، وضعیت، رویدادها، عملکرد و ادغام‌ها. گزارش مشکلات Vue Devtools هنگام نصب افزونه و استفاده همزمان با مرورگر.

Vue.js Debugging DevTools
~24.8k Stars ~4.1k Forks

خدمات و راهکارهای توسعه وب

ارائه خدمات حرفه‌ای توسعه وب فول‌استک شامل توسعه فرانت‌اند با Vue.js، ساخت اپلیکیشن‌های React، توسعه بک‌اند با Laravel، طراحی واکنش‌گرا، یکپارچه‌سازی API، بهینه‌سازی پایگاه داده و ارائه راهکارهای سفارشی وب. تخصص در ارائه برنامه‌های وب مقیاس‌پذیر، بهینه‌شده برای SEO و کاربرپسند که بر اساس نیازهای خاص کسب‌وکار طراحی شده‌اند.

1. توسعه فرانت‌اند

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

2. توسعه بک‌اند

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

3. طراحی و مدیریت پایگاه داده

من ساختارهای پایگاه داده بهینه طراحی کرده و راهکارهای ذخیره‌سازی داده‌ها را با استفاده از سیستم‌های SQL و NoSQL مدیریت می‌کنم. از طراحی اسکیمای داده تا بهینه‌سازی کوئری‌ها، اطمینان حاصل می‌کنم که داده‌های برنامه شما به‌طور امن ذخیره، به راحتی قابل دسترسی و مقیاس‌پذیر باشند.

4. کنترل نسخه و همکاری تیمی

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

5. استقرار و میزبانی

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

6. نگهداری و به‌روزرسانی ویژگی‌ها

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

راه های ارتباطی

میتونید از طریق ایمیل یا تگرام یا حتی لینکدین و روش های دیگه با من ارتباط بگیرید

تلگرام:

@iYacin

ایمیل:

ydehfuli[at]gmail.com