💠 نکته ای کاربردی از متغیر های عددی

فرض کنید متغیر زیر رو داریم

const num = 123.456

و بخواهیم این متغیر را تا دو رقم اعشار فیکس کنیم یعنی از متد toFixed استفاده کنید

num =  num.toFixed(2)

این متغیر دیگر از نوع عدد نخواهد بود و مفسر آن را به عنوان String خواهد شناخت یعنی خروجی کد زیر String خواهد بود 🥲

console.log(typeof num)  // string

🟨 @pieceJS

💠 2 نکته برای دوستانی که تازه نکست رو یاد می‌گیرند

🟡نکته اول : کامپوننت های اصلی هر روت تعریف شده درون فولدر pages که به صورت default اکسپورت می‌کنید را نمیتونید از نوع async تعریف کنید.

🟡نکته دوم: توابعی نظیر getServerSideProps، getStaticProps و سایر توابع از این دست، فقط درون فولدر pages قابل استفاده هستند به هیچ عنوان نمیتونید درون فلدر app ازشون بهره ببرید.


🟨 @pieceJS

0️⃣4️⃣4️⃣4️⃣4️⃣4️⃣2️⃣
4️⃣1️⃣2️⃣3️⃣4️⃣5️⃣6️⃣
1️⃣4️⃣4️⃣4️⃣4️⃣4️⃣3️⃣
تخفیف ویژه داریم!!!!!!
سلام😁 (پ.ن: یاهو مسنجر رو یادتون میاد؟ این رو گذاشتم که یادی تازه کنید😁😁😁)

بچها اول از همه خیلی خیلی ممنونم ازین که تا به اینجای کار همراهمون بودید و در این مدت با حمایت های شما و همراهی گرمتون، تمام تلاشمون بر این بوده که بهترین هارو بهتون ارائه بدیم❤️ ❤️ ❤️
خواستم بگم که بالاخره به نزدیکای عید رسیدیم و قراره تخفیف ویژه داشته باشیم 😇❤️

تمامی کتاب هامون 15 درصد تا سقف 150هزار تومان!!!!! آف ویژه خورده و تا بیستم اسفند فرصت ثبت سفارش داریم


❌ حالا چرا مهلتش اینقد کمه!؟🥲
📁 راستش میخوایم تا قبل عید ان‌شاءالله به دستتون برسه که توی وقت آزادتون کلی فرصت مطالعه داشته باشین ❤️❤️❤️

☄️راستی هنوز عیدی هامون تموم نشده😍
تمامی ارسال های تا بیست اسفند رایگان هستش و مهمون مایید!!! 😍❤️


⬆️جهت ثبت سفارش:
@MRVJ475

خیلی دوستون داریم
~ کتابفروشی آی تی هلو
🍑@ITBook_pub

🆓2️⃣3️⃣4️⃣5️⃣6️⃣

#Fact
درود و عرض ادب دوستان امیدوارم که حالتون خوب باشه😇
احتمالا مابین کتاب های اوریلی سری In a Nutshell , Learning, Cookbook خورده باشید.

◀️ سری کتاب های In a Nutshell:
اصطلاح In a Nutshell در واقع اشاره به یک چیز خلاصه و مختصر داره. در حالت کلی سری کتاب های In a nutshell عموما برای کسی مناسبه که از پیش تجربه ای در زبان یا تخصص مدنظر داشته باشه و قصد مطالعه ی سریع و مختصر مفاهیم و مباحث داشته باشه. توی این سری کتاب ها موضوعات مهم اغلب بطور خلاصه اورده شده تا بتونید در کمترین زمان ممکن مبحث موردنظر رو مطالعه کنید.

◀️ سری کتاب های Cookbook:
این سری کتابها به شیوه ای نوشته شده که شمارو در حل یکسری مسائل خاص همراهی کنه. در واقع مسائل مختلف همه دسته بندی شده قرار گرفته و هر کدوم شامل «مسئله، راه حل و مفهوم» میشه. به عبارتی موضوع این سری یکجورایی پاسخ به سوال " بهترین راه حل برای مسئله ی X در زبان Y چی میتونه باشه؟" هستش.
*️⃣ پیشنهاد میکنم تو هر حرفه و تخصصی که هستید، یکی از سری کتاب های Cookbook رو کنار دستتون داشته باشید. مثلا برای خود من Java Cookbook میشه :)

◀️ سری کتاب های Learning:
اما اگه میخواید از صفر یکچیزی رو شروع کنید تا یک حد مناسبی پیشروی داشته باشید، پیشنهاد میشه سری کتاب های Learning اوریلی رو تهیه کنید.

~ کتاب فروشی آی تی هلو
4️⃣ @ITBook_pub

📁 حذف دیتای های تکراری درون یک Array

فرض کنید آرایه ای دارید دارای مقادیر [4,5,6,9,4,6,4,3] و قصد دارید مقادیر تکراری آن حذف شود در این صورت میتونید از تکه کد زیر استفاده کنید:

let Arr = [4 ,5, 6, 9, 4, 6, 4, 3];
 
let outputArray = [];
 
function removeDuplicates (arr) {
    let outputArray = Array.from(new Set(arr))
    return outputArray
}
 
console.log(removeusingSet(Arr));

}

#آرایه

🟨 @pieceJS

📁 تکنیکی مهم از جنس ریکت

تو ریکت میتونید زمانی که از useState استفاده می کنید میتوانید از تابع به عنوان مقدار اولیه stateتان استفاده کنید. مانند زیر :

  const [id, setId] = useState(() => heavyCalculation());

این باعث میشه که در همان زمان اولیه بدون رندر مجدد، stateتان مقدار دهی بشه مخصوصاً زمانی که قرار هست پس از پردازشی سنگین این مقدار دهی انجام بگیره.

🟨 @pieceJS

📁 حذف ایمپورت های استفاده نشده در VS Code

💡 با استفاده از شورت‌کی Alt + Shift + O میتونید ایمپورت های استفاده نشده در کدتون رو شناسایی و خودکار حذف کنید.

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

🟨@pieceJS

📁 رجکس مربوط به شماره تلفن های ایرانی

💡 انواع رجکس های مربوط به شماره تلفن های ایرانی تو حالت های مختلف رو جناب امیرمهدی جبرئیلی زحمتشو کشیدن تو گیت هابشون قرار دادند.
برای استفاده به ادرس زیر مراجعه کنید:

صحت سنجی شماره تلفن های ایرانی با رجکس

#regex

🟨 @pieceJS

📁 نکته ای از جنس نوع داده

const str = "PieceJS"
console.log(str instanceof String)
 //output: false

همه میدونیم متغیر str از نوع string است با این وجود مقدار لاگ ما false خواهد بود چرا که str جز متغیر های Primitive Type هست و instanceof تنها میتونه متغیر های Refrence Type رو بررسی کنه.

const str = new String("PieceJS");
console.log(str instanceof String)
 //output: true

در مثال بالا چون str از کلاس String ارث بری کرده لذا Object محسوب میشه و از متغیر های رفرنس تاپ است در نتیجه خروجی لاگ بالا true خواهد بود

#نوع_داده #جاوا_اسکریپت #js

🟨@pieceJS

وقتی فکرت رو core اصلی پروژست اما غافل از اینکه چند ساعت از وقتت رو API مربوط به ثبت نام یوزر گرفته میشه!
فردا میخوام از یکی از عجایب جاوا اسکریپت رو نمایی کنم
اما قبلش نیازه مقداری روش مطالعه کنم 🤩
#welcome_to_javascript_world

📁 خلاصه ای از جذابیت های متد test

شاید باورتون نشه اما همین ویدئوی 10 دقیقه ای باگ یه روز کاملم بوده!

پ.ن: پیشاپیش بابت گرفتگی صدا معذرت میخوام نزدیک به 24 ساعتیه نخوابیدم خیلی برام مهم بود ویدئوئه حتماً ضبط کنم براتون بذارم

#javascript
#video

🟨 @pieceJS

Buy me a coffee 😀

📁مقایسه کوچک بین دو هوک useRef و useState

از هر دو هوک useRef و useState برای ذخیره کردن یک مقدار و استفاده از اون ها در موقعیت های لازم استفاده میشه.

⬆️ از useState برای مدیریت استیت استفاده میشه و به گونه ای طراحی شده که با هر بار آپدیت، UI پروژه مجدداً ری رندر شود

⬆️ از useRef برای دستکاری و تعامل مستقیم با DOM استفاده میشه ماننده دسترسی به مقادیر input ها یا فوکوس خودکار بر روی المنت ها.
و نکته مهم اینه که این هوک، با هر بار بروزرسانی، موجب re-render شدن UI نمیشه.

#hook


🟨 @pieceJS

Buy me a coffee 😀

📁 لینوکس استفاده کنم یا ویندوز؟

سوالیه که زیاد پرسیده میشه! حقیقتاً دو پاسخ وجود داره برای این سوال.

⬆️ پاسخ اول:
اگر از جو رسانه بخواهید جواب بگیرید، میتونم بگم در صورتی که برنامه نویسید و به مک دسترسی ندارید حتماً از لینوکس استفاده کنید حتی اگر برای یه دستور ساده بخواید نیم ساعت فقط سرچ بزنید چون در غیر این صورت ممکنه به چشم یه جونیور، تازه کار، مفلوک یا هر چیزی که اسمش رو میزارید بهتون نگاه کنند

⬆️ پاسخ دوم:
یه مقدار از پاسخ اول ساده تره، با هر کدوم که راحت ترید کار کنید وقت برای حاشیه ها نزارید رو کد زدنتون تمرکز کنید
#rest_time


🟨 @pieceJS

Buy me a coffee 😀

2️⃣ آیا هوش مصنوعی جای برنامه نویس ها رو میگیره؟

سوال رایجی که تقریباً همه جا دارن در موردش صحبت میکنند اینه که آیا هوش مصنوعی میتونه جای برنامه نویس ها یا از این دست پوزیشن های شغلی رو بگیره؟
در یه کلام اینکه هوش مصنوعی تکنولوژی ای غیر قابل انکار هست و نباید نادید‌ه اش گرفت.
و یه قاعده کلی وجود داره، آن هم این هست که هر کسی که تلاش نکنه رشد کنه محکوم به فناست حالا یا هوش مصنوعی جاشو میگیره یا یه برنامه نویس دیگه.

#rest_time

🟨 @pieceJS

Buy me a coffee 😀

📁 استفاده از ریداکس تولکیت در نکست جی اس

همانطور که میدانید Next.js قابلیت طراحی سایت را به صورت SSR و CSR رو در اختیار شما قرار میده و فارغ از بحث های سئویی، از نظر توسعه، زمانی که وبسایت رو به صورت SSR طراحی می کنید دیگر اجازه استفاده از هوک ها رو در کد هاتون ندارید وگرنه یه ارور خوشگل و البته اعصاب خورد کن رو ملاقات میکنید 🤯

جهت دریافت و آپدیت store در سیستم SSR به صورت زیر هست:

دریافت دیتا 
let store = store.getState()
بروزرسانی دیتا  
store.dispatch(reducer)

همچنین جهت دریافت و آپدیت store در سیستم CSR به صورت زیر هست:

دریافت دیتا 
let store = store.useSelector(state=> state.stateName)
بروزرسانی دیتا  
let dispatch = useDispath()
dispatch(reducer)

#next #redux_toolkit #redux


🟨 @pieceJS

Buy me a coffee 😀

🖋 اصطلاح Hypervisor یعنی چه؟

به دسته نرم افزار هایی که به شما کمک میکند بتوانید چند ماشین مجازی ساز نصب کنید هایپروایزور میگویند

از محبوبترین این نرم افزار ها میشه به VMware و VirtualBox اشاره کرد

#دیکشنری


🟨 @pieceJS

Buy me a coffee 😀