موضوع مطالعاتی پیشنهادی برای پنج شنبه جمعه پیش رو :
HTMX
یه نگاهی بهش داشته باشید جالبه
---
پایه باشید تمام داکیومنتشو ترجمه کنیم. خیلی نیست :
https://htmx.org/docs
کسی علاقه مند بود پیام بده. روی گیتهاب ترجمه میکنیم.
HTMX
یه نگاهی بهش داشته باشید جالبه
---
پایه باشید تمام داکیومنتشو ترجمه کنیم. خیلی نیست :
https://htmx.org/docs
کسی علاقه مند بود پیام بده. روی گیتهاب ترجمه میکنیم.
یه پست در مورد یه رزیدنت خانم دیدم که فوت شده و اینکه چه فشاری روی رزیدنتها هستش و غیره. خدا رحمتشون کنه.
ولی دیدید هیچجا هیچگاه هیچ صحبتی در مورد سلامت جسمانی و روانی برنامه نویسا نیست؟ اینکه مجبورن شب بیدار بمونن... اینکه استرس بالایی رو تحمل میکنن... اینکه حقوقشون نسبت به تلاشی که میکنن و نسبت به سایر تخصصها خیلی پایینتره... اینکه آینده شغلیشون خیلی پایدار نیست... اینکه مداوم باید آپدیت باشن... اینکه تجهیزات مورد نیازشون قیمت زیادی داره...
شبیه اکسیژنیم. نبودمون غیر ممکنه ، ولی کسی براش مهم نیست چه اتفاقی برامون میفته.
ولی دیدید هیچجا هیچگاه هیچ صحبتی در مورد سلامت جسمانی و روانی برنامه نویسا نیست؟ اینکه مجبورن شب بیدار بمونن... اینکه استرس بالایی رو تحمل میکنن... اینکه حقوقشون نسبت به تلاشی که میکنن و نسبت به سایر تخصصها خیلی پایینتره... اینکه آینده شغلیشون خیلی پایدار نیست... اینکه مداوم باید آپدیت باشن... اینکه تجهیزات مورد نیازشون قیمت زیادی داره...
شبیه اکسیژنیم. نبودمون غیر ممکنه ، ولی کسی براش مهم نیست چه اتفاقی برامون میفته.
یه مشکلی توی rtk دیدم ، رفتم داکیومنتشو دیدم ببین چی نوشته
A fully normalized shared-across-queries cache is a hard problem to solve.
We don't have the time, resources, or interest in trying to solve that right now.
😂
A fully normalized shared-across-queries cache is a hard problem to solve.
We don't have the time, resources, or interest in trying to solve that right now.
😂
سوال ریکتی مناسب برای دوستان سختگیر در مصاحبه 😁
میدونیم که توی ریکت attributeها رو به شکل camelCase مینویسیم. مثلا به جای class-name مینویسیم className.
ولی این قانون برای ۲ مورد صادق نیست و باید به همون شکل عادی نوشته بشن. میدونید چیا هستن؟
(جوابش رو فردا روی همین پست ادیت میکنم قرار میدم)
پاسخ:
aria-*, data-*
میدونیم که توی ریکت attributeها رو به شکل camelCase مینویسیم. مثلا به جای class-name مینویسیم className.
ولی این قانون برای ۲ مورد صادق نیست و باید به همون شکل عادی نوشته بشن. میدونید چیا هستن؟
(جوابش رو فردا روی همین پست ادیت میکنم قرار میدم)
پاسخ:
aria-*, data-*
سوال غیر عادی برای مصاحبه فرانتی 😤 :
فرض کنید یه سایت دارید که دو تا صفحه داره. مثلا صفحه ایکس و صفحه آر که هر کدوم رو توی تب جداگونه باز کردید.
چطوری میتونید کاری کنید که وقتی اتفاقی توی صفحه ایکس افتاد ، صفحه آر بدون رفرش ازش مطلع بشه؟
فرض کنید که به اینترنت هم مطلع نیستید. (یعنی اینکه همه چی کلاینت سایده.)
(جواب ، چند پست پایینتر)
فرض کنید یه سایت دارید که دو تا صفحه داره. مثلا صفحه ایکس و صفحه آر که هر کدوم رو توی تب جداگونه باز کردید.
چطوری میتونید کاری کنید که وقتی اتفاقی توی صفحه ایکس افتاد ، صفحه آر بدون رفرش ازش مطلع بشه؟
فرض کنید که به اینترنت هم مطلع نیستید. (یعنی اینکه همه چی کلاینت سایده.)
(جواب ، چند پست پایینتر)
تمرین ذهنی
مواد لازم : ۱ کاغذ و ۱ قلم
وقتی سعی دارید روی یک موضوعی تمرکز کنید ، مثلا وقتی دارید یک ویدیو آموزشی میبینید یا مثلا وقتی دارید یک موضوع مهمی رو مطالعه میکنید ، هر جا متوجه شدید ذهنتون منحرف شده و دارید به یه موضوع دیگه فکر میکنید ، یک خط روی اون کاغذ بکشید و به کار اصلیتون برگردید.
تموم که شد ، بالای اون برگه ساعت و تاریخ بزنید و بذارید یه گوشه بمونه. برای ۱ هفته این کار رو برای کارایی که فکر میکنید نیازمند تمرکز هستن انجام بدید.
بعد ۱ هفته چی میبینید؟ کاغذا خطخطیتر شدن یا تمیزتر شدن؟
با تقریب خوبی میشه گفت هر چی کاغذا تمیزتر بشن ، قدرت یادگیری بالاتری دارید یا حداقل سعیمیکنید هر روز بهتر بشید. و هر چه قدرت یادگیری بالاتری داشته باشید، منطقیه که بشه نتیجه گرفت آینده روشنتری پیش رو دارید.
(پاورقی : اینکه یکی پدرش صرافه یا خودش بیتکوین خریده گرون شده ، مبحث دیگهایه. در مورد اتفاقات خودخواسته صحبت میکنیم نه مواردی که کنترلی روشون نداریم.)
@alithecodeguy
مواد لازم : ۱ کاغذ و ۱ قلم
وقتی سعی دارید روی یک موضوعی تمرکز کنید ، مثلا وقتی دارید یک ویدیو آموزشی میبینید یا مثلا وقتی دارید یک موضوع مهمی رو مطالعه میکنید ، هر جا متوجه شدید ذهنتون منحرف شده و دارید به یه موضوع دیگه فکر میکنید ، یک خط روی اون کاغذ بکشید و به کار اصلیتون برگردید.
تموم که شد ، بالای اون برگه ساعت و تاریخ بزنید و بذارید یه گوشه بمونه. برای ۱ هفته این کار رو برای کارایی که فکر میکنید نیازمند تمرکز هستن انجام بدید.
بعد ۱ هفته چی میبینید؟ کاغذا خطخطیتر شدن یا تمیزتر شدن؟
با تقریب خوبی میشه گفت هر چی کاغذا تمیزتر بشن ، قدرت یادگیری بالاتری دارید یا حداقل سعیمیکنید هر روز بهتر بشید. و هر چه قدرت یادگیری بالاتری داشته باشید، منطقیه که بشه نتیجه گرفت آینده روشنتری پیش رو دارید.
(پاورقی : اینکه یکی پدرش صرافه یا خودش بیتکوین خریده گرون شده ، مبحث دیگهایه. در مورد اتفاقات خودخواسته صحبت میکنیم نه مواردی که کنترلی روشون نداریم.)
@alithecodeguy
اگر نمیخواید از کتابخانههای آماده برای debounce استفاده کنید ، با همین کدی که توی تصویر میبینید ، میتونید پیادهسازیش کنید. یکیش برای فانکشن کامپوننتهای ریکته ، یکیش برای کلاس کامپوننتها.
اگر هم از چیزی جز ریکت استفاده میکنید ، میتونید همین کانسپت رو ببرید توی اون محیط با توجه به ویژگیهای خودش پیادهسازی کنید چون در نهایت این کار ، جاوا اسکریپتی داره اتفاق میافته.
توضیح debounce:
فرض کن سرچ اینپوتی دارید که به ازای کلمهای که وارد میکنید یکبار سرویس متناظرش رو کال میکنه. اگر قرار باشه به ازای تایپ هر حرف یکبار سرویس کال اتفاق بیفته فشار زیادی به مرورگر میاره و یوزر کندی احساس میکنه. برای همین میان با استفاده از مفهومی به نام debounce یک تاخیر مثلا ۵۰۰ میلی ثانیهای میذارن که اگر از آخرین کاراکتری که کاربر تایپ کرده بود ۵۰۰ میلی ثانیه گذشت ، سرویس کال بشه.
@alithecodeguy #debounce #js #react
اگر هم از چیزی جز ریکت استفاده میکنید ، میتونید همین کانسپت رو ببرید توی اون محیط با توجه به ویژگیهای خودش پیادهسازی کنید چون در نهایت این کار ، جاوا اسکریپتی داره اتفاق میافته.
توضیح debounce:
فرض کن سرچ اینپوتی دارید که به ازای کلمهای که وارد میکنید یکبار سرویس متناظرش رو کال میکنه. اگر قرار باشه به ازای تایپ هر حرف یکبار سرویس کال اتفاق بیفته فشار زیادی به مرورگر میاره و یوزر کندی احساس میکنه. برای همین میان با استفاده از مفهومی به نام debounce یک تاخیر مثلا ۵۰۰ میلی ثانیهای میذارن که اگر از آخرین کاراکتری که کاربر تایپ کرده بود ۵۰۰ میلی ثانیه گذشت ، سرویس کال بشه.
@alithecodeguy #debounce #js #react
برای تولید اعداد تصادفی توی مرورگر ، میتونید از
CryptoWebApi
استفاده کنید که روی خود مرورگرها هستش. نیازی به نصب کتابخانه اضافی ندارید.
قبل استفاده فقط چک کنید ببینید مرورگرهای مدنظرتون رو پشتیبانی میکنه یا خیر. روی اکثر مرورگرها هستش.
(دقت کنید که میگم مرورگر)
مثال :
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
لینک:
https://developer.mozilla.org/en-US/docs/Web/API/Crypto
https://www.educative.io/answers/how-to-create-a-random-uuid-in-javanoscript
#js #webapi #random #crypto @alithecodeguy
CryptoWebApi
استفاده کنید که روی خود مرورگرها هستش. نیازی به نصب کتابخانه اضافی ندارید.
قبل استفاده فقط چک کنید ببینید مرورگرهای مدنظرتون رو پشتیبانی میکنه یا خیر. روی اکثر مرورگرها هستش.
(دقت کنید که میگم مرورگر)
مثال :
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
لینک:
https://developer.mozilla.org/en-US/docs/Web/API/Crypto
https://www.educative.io/answers/how-to-create-a-random-uuid-in-javanoscript
#js #webapi #random #crypto @alithecodeguy
رقصنده با کد
سوال غیر عادی برای مصاحبه فرانتی 😤 : فرض کنید یه سایت دارید که دو تا صفحه داره. مثلا صفحه ایکس و صفحه آر که هر کدوم رو توی تب جداگونه باز کردید. چطوری میتونید کاری کنید که وقتی اتفاقی توی صفحه ایکس افتاد ، صفحه آر بدون رفرش ازش مطلع بشه؟ فرض کنید که به اینترنت…
در رابطه با این سوال ، خانم حسنزاده لطف کردن این مقاله رو پیدا کردن.
تمام جوابایی که دوستان دادن رو شامل میشه.
https://blog.bitsrc.io/4-ways-to-communicate-across-browser-tabs-in-realtime-e4f5f6cbedca
تمام جوابایی که دوستان دادن رو شامل میشه.
https://blog.bitsrc.io/4-ways-to-communicate-across-browser-tabs-in-realtime-e4f5f6cbedca
Medium
4 Ways to Communicate Across Browser Tabs in Realtime
Get to know different ways of communicating across browser tabs in Realtime and when to use them
دوستان گرامی کسی به تازگی مدرک کارشناسیشو آزاد کرده؟ ما که ورودی ۸۹ هستیم هم باید به نرخ جدید پول بدیم؟ میخوام تجربه واقعی و جدیدتون رو بدونم اگر کاری کردید. لطفا اگر اطلاع دقیق دارید کامنت کنید. اطلاعات حدسی و حدودی نیازی نیست. ممنونم 🙏🙏🙏
در جاوا اسکریپت ، وقتی دارید از fetch استفاده میکنید ، یادتون نره از AbortController استفاده کنید.
تصویر از کدای ریکته. برای باقی کتابخانه و فریمورکها هم مفهوم کلی همینه.
#js #react #fetch @alithecodeguy
تصویر از کدای ریکته. برای باقی کتابخانه و فریمورکها هم مفهوم کلی همینه.
#js #react #fetch @alithecodeguy
اگر میخواهید پرفورمنس سایتی رو که زدید ارزیابی کنید ، میتونید داخل مرورگر سرعت CPU رو پایین بیارید که حالت ضعیفترش شبیهسازی بشه.
@alithecodeguy #cpu #browser #tip
@alithecodeguy #cpu #browser #tip
توییتر فارسی
هوش مصنوعی بینگ از حالا در مرورگر کروم هم قابل استفاده هست. TechTube Silverfox @twitter_farsy
چون safesearch رو قدرت اول منطقه بسته ، برای استفاده باید vpn روشن کنید.