💎 معرفی وبسایت Placeholder

اگر در حال طراحی یه صفحه HTML هستید و در بخش های مختلف آن نیاز به عکس دارید میتونید علل الحساب از وبسایت placeholder.com این تصاویر رو به صورت Placeholder قرار بدید تا اینکه بعداً عکس مناسب اون بخش رو پیدا و جایگذاری کنید. 😃

💡 یه ویژگی بی نظیری که این وبسایت داره شما میتونید هر Placeholderای رو با هر سایزی که میخواید تولید و استفاده کنید و نحوه استفاده‌ش به صورت زیر هست:
https://via.placeholder.com/500x600

در آدرس بالا جای 500x600 هر سایزی رو که بنویسید تصویری در همان سایز براتون تولید میکنه. معرکست... نیست؟ 🥲

💭 پ.ن: اگر بجای 500x600 فقط یک عدد بنویسید مثلاً بنویسید 200، این فرض گرفته میشه که شما یه عکس 200 در 200 میخواستید.

#مثبت_برنامه_نویس #معرفی_سایت

🌐 @pieceJS

#نمونه_چاپ

و اینم سه تا از کتابای امروزمون 😍
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475

پ.ن: وسوسه شدم Advanced React رو برای خودمم بزنم 😁🥲

#نمونه_چاپ

🔶 و اینم فیلم دو سه تا از کتاب های دیروز که عکسشون هم پیش از این گذاشتم کانال 😍

💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475

#معرفی_کتاب
#دیزاین_پترن
#برنامه_نویسی
احتمالا تا الان چند باری اصطلاح دیزاین پترن به گوشتون خورده باشه. همونطور که میدونید دیزاین پترن ها مجموعه ای از الگو ها و تکنیک های توسعه ان که برای حل یکسری مسائل رایج در طراحی نرم افزار به کار گرفته میشن.
اما یکی از بهترین کتاب هایی که در یادگیری الگو های طراحی بشدت میتونه موثر باشه کتاب Dive Into DESIGN PATTERNS هستش.
توی کتاب 22 تا از معروف ترین الگو های طراحی بررسی شده + 8 اصل مهم که الگو ها بر پایه ی اونها نوشته شدن.
وجه تمایزش هم با مابقی کتاب ها، شیوه ی آموزشش هست. به اینصورت که برای هر الگوی طراحی چندین مورد بررسی شده:

کجا مشکل به وجود میاد؟
الگوی راه حل چیه؟
ساختار الگو به چه صورته؟
چه زمانی از الگو استفاد کنیم؟
توی دنیای حقیقی مشکل به چه صورت ظاهر میشه؟
مزایا و معایب استفاده از این الگو...

⭕️ قیمت توی مارکت ها مابین 250 تا 300
✅ ولی با 190ت میتونین ازمون دریافت کنین😍
برای سفارش: @MRVJ475

💎 معرفی ریپازیتوری ای حاوی الگوریتم های معرکه

#معرفی_سایت
#پیشنهاد

بازم یه ریپازیتوری خیییلی کاربردی که اکثر الگوریتم های معروف رو به زبون های مختلف بازنویسی کردن( الی الخصوص جاوا / جاوا اسکریپت / سی و... ). پیشنهاد میکنم حتما بهش سر بزنین :) هر الگوریتمی بخواین اینجا هست

🔗 لینک



🌐 @pieceJS

💎 لودینگ Skeleton چیست؟

صفحه یا لودینگ اسکلتون یک نوع placeholderای میباشد که قبل از بارگذاری محتوا میتوان به یوزر نمایش داد در واقع قبل از لود کامل صفحه، یوزر میتواند شمایلی از چیدمان محتوا و تصاویر درون صفحه در قالب یک لودینگ مشاهده کند.
💡 به نظر بنده یکی از مهمترین مزایایی که این لودینگ دارد آن است که احساس مثبتی از فرایند لود صفحه به یوزر منتقل میکند.

🔶 از پکیج های رایج این نوع لودینگ react-content-loader و react-loading-skeleton میشه نام برد 😉

#معرفی #لودینگ #اسکلتون

🌐 @pieceJS

💎ساخت Skeleton سفارشی با ابزار آنلاین

اگر برای ایجاد لودینگ Skeleton از پکیج react-content-loader استفاده می کنید پیشنهاد میکنم برای ایجاد اسکلتون سفارشی از ابزار آنلاین زیر استفاده کنید و اون لودینگتون رو با نقاشی ایجاد کنید

برای استفاده از این ابزار کلیک کنید...

💬 پ.ن: احتمال زیاد برای استفاده از این ابزار نیاز به قند شکن دارید 🥲

#معرفی #لودینگ #اسکلتون

🌐 @pieceJS

💎روش های کپی آرایه به صورت DeepCopy

💬 فرض کنید آرایه ای به نام myArray حاوی مقادیر معمولی دارید (مقادیر معمولی یعنی اعداد، حروف و غیره) و میخواهید از آن کلون بگیرید. دادن یک آرایه به صورت مستقیم به آرایه دیگه، باعث رخ دادن Shallow Copy میشه و خانه های هر دو آرایه دارای یک آدرس یکسان در حافظه خواهند بود و با تغییر هر کدام از این دو آرایه، آرایه دیگه هم تغییر میکنه. 🤯

💡 برای همین، شما میتوانید با استفاده از یکی از روش های زیر از آن کلون بگیرید

[ ...myArray ]
 myArray.splice(0)
myArray.slice()
myArray.concat() 

#آرایه #دیپ_کپی
🌐 @pieceJS

💎ارسال کاراکتر های رزرو شده به عنوان Query String

💭 همانطور که میدانید کاراکتر های زیر در Query String ها رزرو شده اند

# $ & + , / : ; = ? @ [ ]


یعنی اگر هم بخواهید از آن ها استفاده کنید، برای Endpoint ها معنی خاصی میدهند.
اما اگر من بخواهم این کاراکتر ها جزئی از اطلاعاتی باشه که به Endpoint میفرستم باید چیکار کنم؟ 🧐

💡برای این منظور ابتدا باید آن ها را با استفاده از تابع encodeURIComponent انکود کنید سپس به انپوینت بفرستید.

🌐 @pieceJS

💎 معماری لوس کاپلینگ Loose Coupling

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


🌐 @pieceJS

سلام به همه ی دوستان امیدوارم حالتون خوب باشه
دوستان توی کتابفروشیمون به مناسبت شب یلدا 20 درصد تخفیف برای همه ی کتاب های تخصصی درنظر گرفتیم.
یسری رو اینجا فوروارد میکنم اما برای دیدن مشخصات کامل کتاب ها، حتما به کانالمون سر بزنین. ^ ^❤️
@itbook_pub
اگر کتاب مدنظرتون رو هم توی کانال پیدا نکردین، اسمش رو برام بفرستید: @MRVJ475

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

📦 برای ثبت سفارش: @MRVJ475

~کتاب فروشی آی تی هلو:
📖 @ItBook_pub

سری کتاب های Headfirst و مجموعه کتاب های رابرت سی مارتین
با تخفیف ۲۰ درصدی ویژه ی شب یلدا

📦 برای ثبت سفارش: @MRVJ475

~کتاب فروشی آی تی هلو:
📖 @ItBook_pub

مجموعه کتاب های React, typescript, javascript
+
مجموعه ی شش جلدی you dont know js
با تخفیف ۲۰ درصدی ویژه شب یلدا

📦 برای ثبت سفارش: @MRVJ475

~کتاب فروشی آی تی هلو:
📖 @ItBook_pub

💎 تفاوت پراپرتی reducers و extraReducers در Redux Toolkit

💭 یکی از ویژگی های فوق العاده کتابخانه ریداکس تولکیت، Slice هست که اگر از ریداکس استفاده میکنید حتماً از کراماتش بهره مند شدید. 😅
احتمالا شما هم به دوپراپرتی reducers و extraReducers در هنگام ایجاد Slice توسط createSlice برخوردید و شاید سوال پیش اومده باشه که کی از کدوم استفاده کنیم؟! 🤨
یه قاعده کلی داره این موضوع 💡
اما قبلش توضیح بدم که اصلا این دو پراپرتی چیکار میکنند.

🔶 پراپرتی reducers به صورت خودکار اکشن ایجاد میکنه همچنین خودش میتونه پاسخ اون اکشن رو میده اما extraReducers اکشن ایجاد نمیکنه و فقط پاسخ به اکشن رو میده.

✅ اون قاعده ای که بهتون گفتم دقیقا اینجاست که زمانی که اکشن شما جداگانه جای دیگه تعریف کرده باشید باید از extraReducers استفاده کنید و هرگاه اکشن رو درون خود Slice بخواید تعریف کنید باید از reducers استفاده کنید.

💬 یکی از مثال های رایج برای extraReducers، استفاده از آن جهت پاسخ به اکشن های ساخته شده توسط ای پی آی createAsyncThunk است.

🌐 @pieceJS