DEVELOPER · MAKER · WRITER

ایده‌ها را
به چیزهای واقعی
تبدیل می‌کنم.

سلام، من یک توسعه‌دهندهٔ خلاقم. اینجا گوشه‌ای از کدها، تجربه‌ها و چیزهایی که در مسیر ساختن یاد می‌گیرم را با شما به اشتراک می‌گذارم.

دیدن نمونه‌کدها ↙بیشتر دربارهٔ من

</>

FIG. 01 — CREATIVE CODE

SCROLL TO EXPLORE

01 / CODE SNIPPETS

چیزهایی که ساخته‌ام.

تکه‌کدهای کوچک، برای مسئله‌های واقعی.

همهٔ نمونه‌کارها ↗

JSJAVASCRIPT · 2 MIN

دیبانس برای جست‌وجو

جلوگیری از اجرای پرتکرار تابع هنگام تایپ.

const debounce = (fn, delay) => {
let timer;
return (...args) => {
clearTimeout(timer);
timer = setTimeout(() => fn(...args), delay);
};
};

CSSCSS · 3 MIN

گرادیان متحرک

پس‌زمینهٔ نرم و زنده با چند خط CSS.

.gradient {
background: linear-gradient(90deg,
#a4ffd7, #a894ff, #a4ffd7);
background-size: 200% auto;
animation: flow 5s linear infinite;
}
/* subtle, fluid motion */

RREACT · 4 MIN

هوک تشخیص تم

هماهنگ‌کردن تم با تنظیمات سیستم کاربر.

function useTheme() {
const [dark, setDark] =
    useState(() =>
      matchMedia('(prefers-color-scheme: dark)')
      .matches
    );
return [dark, setDark];
}

02 / RECENT WRITING

از دفترچهٔ یادداشت.

یادداشت‌هایی دربارهٔ ساختن، یادگرفتن و کنجکاوی.

همهٔ مقاله‌ها ↗

DESIGN · ۶ دقیقه

چرا رابط‌های ساده، سخت ساخته می‌شوند؟

دربارهٔ تصمیم‌هایی که دیده نمی‌شوند اما تجربه را می‌سازند.

ادامهٔ مطلب ↙۱۴۰۵/۰۷/۱۸

ENGINEERING · ۸ دقیقه

کد تمیز، کد خواندنی است

چطور برای نفر بعدی (که شاید خودت باشی) بنویسیم.

ادامهٔ مطلب ↙۱۴۰۵/۰۷/۱۲

LEARNING · ۵ دقیقه

یادگیری با پروژه‌های کوچک

یک روش ساده برای پیش‌رفتن، بدون غرق‌شدن در آموزش.

ادامهٔ مطلب ↙۱۴۰۵/۰۷/۰۵

03 / A LITTLE ABOUT ME

کنجکاوم، عاشق جزئیاتم، و همیشه چیزی می‌سازم.

از طراحی رابط‌های دقیق تا نوشتن کدی که خواندنش لذت‌بخش باشد؛ از ایده‌های کوچک شروع می‌کنم و قدم‌به‌قدم به آن‌ها شکل می‌دهم. اینجا دفتر عمومی مسیر من است.

JavaScriptTypeScriptReactCSSNode.jsCloudflare

about-me.js

// a small introduction
const developer = {
name: 'نام شما',
location: 'Internet',
loves: ['craft', 'coffee', 'curiosity'],
currentlyBuilding: 'something nice',
openTo: 'good conversations'
};

// say hello 👋
developer.connect();▍

HAVE A GOOD IDEA?

چیزی باهم بسازیم؟

برای همکاری، پرسش یا حتی یک گفت‌وگوی خوب، پیام بده.

شروع یک گفت‌وگو ↗

ایده‌ها رابه چیزهای واقعیتبدیل می‌کنم.