‏DPR اصلا چی هست؟ چه تاثیری روی کیفیت تصاویر داره؟

‏devicePixelRatio نسبت پیکسل‌های فیزیکی نمایشگر به پیکسل‌های css رو مشخص می‌کنه. (که توی پست بعدی گفتم تفاوت پیکسل های فیزیکی نمایشگر با css pixel ها چیه)
ازش استفاده می‌کنیم تا تصاویر و گرافیک‌ها روی نمایشگرهای مختلف، مخصوصا مانیتورهای HiDPI، شارپ و باکیفیت نمایش داده بشن.

console.log(window.devicePixelRatio);

‏- SVG: برداریه؛ به تنظیم دستی dpr نیاز نداره؛ مرورگر خودش اون رو متناسب با اندازه نمایش و dpr رندر می‌کنه.
‏- Canvas: بافر پیکسلی داره و به‌صورت پیش‌فرض با dpr هماهنگ نمی‌شه و همچنین با زوم کردن افت کیفیت داره؛ معمولا بافر رو متناسب با dpr تنظیم می‌کنن تا روی مانیتورهای مختلف کیفیت خوبی داشته باشه. این کار هم با ایجاد ایونت resize و تنظیم ابعاد canvas، مقیاس‌دهی context و رسم مجدد محتوا انجام می‌شه؛ هنگام تغییر اندازه یا dpr هم باید به‌روزرسانی بشه.
‏- PNG / JPEG: پیکسلی‌ان؛ با زوم کردن، افت کیفیتشون قابل مشاهده‌س.

@SabziDevCode | <Abolfazl/>

چرا SVG به DPR نیاز نداره؟
‏svg مختصات ریاضیِ شکل‌ها و بردارها رو نگه می‌داره و مرورگر هنگام رندر، اون‌ها رو متناسب با اندازه و وضوح نمایشگر به پیکسل تبدیل می‌کنه.
اما canvas محتوای رسم‌شده رو به‌صورت پیکسل ذخیره می‌کنه؛ بنابراین معمولاً باید همین فرآیند رو دستی برای کنواس شبیه‌سازی کنیم.

@SabziDevCode | <Abolfazl/>

حالا تفاوت CSS Pixel با پیکسل واقعی چیه؟

پیکسلی که توی CSS می‌نویسیم، لزوما با پیکسل واقعی نمایشگر یکی نیست! این تفاوت رو dpr مشخص می‌کنه.

مثلاً اگه dpr نمایشگر برابر با 2 باشه، هر 1px در css با 2px فیزیکی در هر بُعد نمایش داده می‌شه؛
پس 200px در css می‌شه 400px فیزیکی. (فقط درصورتی که dpr = 2 باشه!)

برای دیدن مقدارش:

console.log(window.devicePixelRatio);

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

@SabziDevCode | <Abolfazl/>

دوستان ۲۲ تا ۲۴ام مهرماه
نمایشگاه کار در برج میلاد تهران داره برگزار میشه.
امروز اونجا بودم، بنظرم ارزش رفتنش نسبت به الکامپی که امسال برگذار شد خیلی بیشتره.

قبلش آگهی هایی که در نمایشگاه منتشر شده رو ببینید، چون ممکنه موقعیت شغلی متناسبی براتون اونجا نباشه (مگه اینکه کلا علاقه داشته باشید که برید)

@SabziDevCode | <Abolfazl/>

شرکت کاله اونجا یه مسابقه گذاشته بودن،
من باختم
خیلی ضدحال خوردم :(

@SabziDevCode | <Abolfazl/>

یه سرویس جالب دیگه هم داشتن به اسم «شبیه‌ساز مصاحبه»!

می‌رفتی اونجا و کاملا رایگان، نیروهای HR ازت مصاحبه می‌گرفتن. آخرش هم نقاط قوت و ضعف عملکردت رو بهت می‌گفتن تا بدونی کجاها نیاز به بهبود داری.

@SabziDevCode | <Abolfazl/>

این ماشین پرنده جدیده تسلا هم از ۲۰۲۸ که تولیدش آغاز میشه،
خیلی دوست دارم ببینم پسرا جلو مدرسه دخترونه چه حرکتای نمایشی قراره باهاش بزنن.

عزیزم یه ماشین دارم پُشتَک میزنه، بیا خونمون نشونت بدم

@SabziDevCode | <Abolfazl/>

بچه که بودم همیشه می‌گفتم دوست دارم آینده رو ببینم بعد ازین دینا برم.
اصلا فکرشو نمی‌کردم خیلی زودتر ازین حرفا بتونم به آرزوم برسم.

لامصب دنیا خیلی سریع داره پیشرفت می‌کنه*

@SabziDevCode | <Abolfazl/>

از خوبی های وایب کدینگ می‌تونه این باشه که بگیری از صفر word کاستومایز شده مخصوص خودتو بسازی:

@SabziDevCode | <Abolfazl/>

نمونه قالبی که میشه ازش خروجی گرفت:

@SabziDevCode | <Abolfazl/>

یه همچین چیزی ساخته شد:

واقعا عالی شده😇

@SabziDevCode | <Abolfazl/>

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

یسری هم هستن که اغلب افراد تازه کارن ترس از جایگزینی دارن، من نمیخوام الان بگم جامونو میگیره یا نه چون واقعا راجب این موضوع خیلی ما دولوپرا بحث کردیم و دیگه وقتشه ازین جور صحبتای از پیش پا افتاده رو به صحبت های بهتری بیاریم، مثلا چی بسازیم؟ کدوم معماری بهتره؟ چه محصولی بسازیم؟ چطوری ابده پردازیمونو تقویت کنیم؟
و قطعا تا چندسال آینده حوزه مهندسی نرم افزار دچار تحولات دگرگون‌تر کننده ی بیشتری خواهد شد!
به قول جادی:
ما تا وقتی که بشه ازین حوزه پول در میاریم
اگه هم اتفاق بدی افتاد
نهایتش اینه تغییر حوزه میدیم
مثلا خودم ممکنه برم سمت یه کار فیزیکی (تعمیرات سخت افزار/موبایل - ادمین سرور - ...)
اما تا اون زمانی که اتفاق بده (خودمم نمی‌دونم چه اتفاق بد یا حتی خوبی) خودم رو پیشرفت میدم، تا اینکه هرروز بیام داخل گپ ها راجب جایگزینی و ترس چت کنم!

@SabziDevCode | <Abolfazl/>

و درنهایت بنظرم مفهوم کلین کده داره به‌مرور عوض میشه،
خب کد رو که ai می‌نویسه، خودش هم review می‌کنه، خودش هم که تست ها رو انجام میده،
پس ما این وسط چیکاره‌ایم؟ فقط نظارتی رو تسک هاش داریم که کار ها رو بدرستی انجام بده، خوب پس کاربرد کلین کد این وسط چیه؟ چون کد رو که ماشین مینویسه و خودشم ریفکتور و ریویو می‌کنه!
حرف منم این نیست که به کلین کد اهمیت ندید! میگم مفهومش داره به‌مرور عوض میشه!!

دوست دارم نظراتتون رو تو کامنت‌ها بشنوم🤝👇

@SabziDevCode | <Abolfazl/>

امروز مدرک دیپلمم اومد :)
راجب معدل ازم نپرسید که نگم بهتره

@SabziDevCode | <Abolfazl/>

@SabziDevCode | <Abolfazl/>

اگه یه چیزی برای واقعیت خیلی خوبه، اون چیز احتمالا خیلی زیادی خوبه برای واقعیت!

@SabziDevCode | <Abolfazl/>

«بعضی وقتا چیزی که زیادی جذابه، ارزش اینو داره که قبل از باور کردنش، بیشتر بررسیش کنیم.»
حالا اون چیز می‌تونه دوره آموزشی باشه یا هرچیز دیگه ای...

@SabziDevCode | <Abolfazl/>

بذارید آقای X که اتفاقا از قضای روزگار دوره فروش هم هست، توی اینستاگرام می‌گه من ساعتی ۱۰۰۰ دلار درآمد دارم؛ اگه تو هم می‌خوای ساعتی ۱۰۰۰ دلار درآمد داشته باشی، بهم دایرکت بده.

خب، مشخصه که این جمله برای واقعیت خیلی خوبه! اما اگه این واقعا ساعتی ۱۰۰۰ دلار درآمد داره، چرا نمیره ۱۰۰ تا گوشی بخره و با کابل همشونو به یه سیستم مرکزی وصل کنه؟ یه ایجنت هم بهش وصل کنه که هر گوشی براش ساعتی ۱۰۰۰ دلار درآمد بیاره! این‌طوری درآمدش از کل سرمایه کشور هم بیشتر می‌شه! 🤷‍♂️

خلاصه حرف اینه که یه‌سری چیزا برای واقعیت خیلی خوبن؛ آدم خوشش میاد ازین چیزا، من خوشم میاد، علی خوشش میاد، تو هم خوشت میاد!

انا، چیزی که برای واقعیت زیادی خوب باشه، احتمالا زیادی خوبه که بخواد واقعی باشه!

@SabziDevCode | <Abolfazl/>

@SabziDevCode | <Abolfazl/>