تیکه پاره های جاوا اسکریپت
442 subscribers
88 photos
11 videos
2 files
56 links
شاید اینا تکات ساده ای باشند اما بعضاً به پهنای دو روز باگ برای من بوده اند 🤓
آدرس گروه:
@iran_javascript_group

————————————————

☕️ Java Channel: @pieceJava
📒 JavaScript Channel: @pieceJs
Download Telegram
💎 استاتوس کد هایی که هر برنامه نویس باید بداند

این استاتوس کد ها خیلی کاربردین حتماً پیشنهاد میکنم ذخیره داشته باشید (لزوماً نیازی به حفظ نیست) تو خیلی جا ها مخصوصاً تو API ها و همچنین ارور هندلینگ ها مورد استفاده تان قرار میگیره

🌐 @pieceJS
❣️ Buy me a coffee
👍7
💎 مخفی کردن دیتا های ذخیره شده Redux

برای مخفی کردن دیتا های ذخیره شده در Store تان در نسخه پروداکشن پروژه، از پراپرتی devTools در فایل کانفیگ store تان استفاده کنید

💡 نکته ای که هست devTools اگر غیر فعال بشه، دیتا های استور، در نسخه دوولوپمنت هم در devTools در دسترس نیست

🌐 @pieceJS
❣️ Buy me a coffee
👍6
💎 معرفی پکیج Node Schedule برای Node.Js

به نظرم یکی از مواردی که میتونه به پروژه هاتون جذابیت ببخشه (البته منظورم برای ادمین پروژست) استفاده از پکیج های سِجِلینگ هست 😍

این پکیج ها به شما این امکان رو میده که بتونید تسک های زمان بندی شده به پروژتون بدید مثلاً تعیین کنید هر 24 ساعت یکبار آمار سایت رو به ایمیل شما بفرسته یا هر چیز دیگه.

🔶 یکی از پکیج های محبوب تو این حوزه، Node Schedule هست که به شما امکان زمانبندی تسک ها رو بهتون میده

💭 نکته: این پکیج روی نود جی اس ورژن 6 به بالا قابل استفادست.

جهت نصب این پکیج میتوانید از دستور زیر استفاده کنید
npm install node-schedule


#معرفی_پکیج #nodejs

🌐 @pieceJS
❣️ Buy me a coffee
👍8
💎 نکته ای برای کاهش خطا پس از دیپلوی کردن پروژه

💡 اگر پروژه تون توی نسخه Development مثل خانی براتون کار میکنه ولی تو نسخه Production مثل موش میشه بدونید احتمال داره Concurrency رو صحیح مدیریت نکرده اید
.

💬 مطالعه بیشتر در مقاله : Concurrency in JavaScript

#نکتک
🌐 @pieceJS
❣️ Buy me a coffee
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
💎 وقتی پروژه آماده نیست ولی مشتری میخواد دمو رو ببینه 😂

🌐 @pieceJS
❣️ Buy me a coffee
👍2
#نمونه_چاپ
نمونه ی چاپ جلد سخت کتاب Node.js Design Patterns😍 با کیفیت بالای چاپ و صحافی

~ کتابفروشی آی تی هلو
📖 @itbook_pub
👍3
💎 تغییر استایل اسکرول بار در کروم

1- ::-webkit-scrollbar
2- ::-webkit-scrollbar-button
3- ::-webkit-scrollbar-track
4- ::-webkit-scrollbar-track-piece
5- ::-webkit-scrollbar-thumb
6- ::-webkit-scrollbar-corner
7- ::-webkit-resizer

#css
🌐 @pieceJS
❣️ Buy me a coffee
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
💎 حذف فولدر های node_module پروژه های قبلی

💭 همانطور که میدونید هر پروژه جاوا اسکریپتی دارای یه فولدر node module هست که بسته به اسکیل پروژه، حجم این فولدر میتونه بسیار زیاد بشه هر چه تعداد پروژه های شما بیشتر باشه این فیلدر ها هم بیشتر شده و حجم زیادی از درایوتون رو اشغال میکنه.

😶‍🌫️ خواستم به این برسم که اگر شما هم با این مشکل دست و پنجه نرم میکنید میتونید از پکیج npkill استفاده کنید
npm i npkill -g


🔶 این پکیج رو به صورت گلوبال نصب کنید سپس داخل فولدری که پروژهاتون داخلش قرار دادید دستور npkill رو صدا بزنید این پکیج تمامی نود ماژول پروژه های شما رو شناسایی و با جزئیات کامل براتون لیست میکنه سپس شما رو قادر میسازه که با انتخاب هر کدوم، اون ها رو حذف کنید.
#مثبت_برنامه_نویس

🌐 @pieceJS
❣️ Buy me a coffee
👍8
💠 نکته ای کاربردی از متغیر های عددی

فرض کنید متغیر زیر رو داریم
const num = 123.456

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

num =  num.toFixed(2)

این متغیر دیگر از نوع عدد نخواهد بود و مفسر آن را به عنوان String خواهد شناخت یعنی خروجی کد زیر String خواهد بود 🥲
console.log(typeof num)  // string


🟨 @pieceJS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
💠 2 نکته برای دوستانی که تازه نکست رو یاد می‌گیرند

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

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


🟨 @pieceJS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11
This media is not supported in your browser
VIEW IN TELEGRAM
وقتی همزمان هم برای موقعیت جونیور و هم سینیور اقدام میکنی

پ.ن: این چه سمی بود این موقع صبح من دیدم 😂
👍8
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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
💠 معرفی اکستنشن CodeSnap برای VSCode

با استفاده از این اکستنشن میتونید از کداتون عکس های با کیفیت نظیر عکس بالا تهیه کنید و اونو هر جا خواستید به اشتراک بزارید.

💡 و طریقه استفادش:

🟡 اکستنشن CodeSnap رو نصب کنید.
🟡 ctrl + shift + p رو بزنید و نام اکستنشن رو سرچ کنید و روش کلیک کنید.
🟡 حالا تکه کد مورد نظرتون رو انتخاب کنید و روی ایکون شات کلیک کنید.

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

🌐 @pieceJS
❣️ Buy me a coffee
👍3
کتابفروشی آی تی هلو
0️⃣4️⃣4️⃣4️⃣4️⃣4️⃣2️⃣ 4️⃣1️⃣2️⃣3️⃣4️⃣5️⃣6️⃣ 1️⃣4️⃣4️⃣4️⃣4️⃣4️⃣3️⃣ تخفیف ویژه داریم!!!!!! سلام😁 (پ.ن: یاهو مسنجر رو یادتون میاد؟ این رو گذاشتم که یادی تازه کنید😁😁😁) بچها اول از همه خیلی خیلی ممنونم ازین که تا به اینجای کار همراهمون بودید و در این مدت با حمایت…
استقبال JS کارا برای خرید کتابای زبان اصلی نشون میده برا سال جدید برنامه توسعه ای سنگین بستیدا
دم همتون گرم 😎👊
البته خودمم کمر همت بستم کتاب javaScript Data Structures and Algorithms رو تو این تعطیلات تمومش کنم 😁
ان‌شاءالله تو سال جدید نکات الگوریتمی بیشتری رو تو کانال میزارم 😀
👍4
🆓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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
پروگرس بار چه مفهومی را باید دنبال کند؟
خوشحال میشم تو کامنت ها گپی در این خصوص با هم داشته باشیم
Anonymous Poll
53%
زمان باقی مانده تا لود کامل
15%
میزان ریکوئست های باقی مانده
33%
صرفاً انتقال حس خوب به کاربر بدون هیچ لاجیک خاصی
👍3
📁 حذف دیتای های تکراری درون یک 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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
📁 تکنیکی مهم از جنس ریکت

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

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

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

🟨 @pieceJS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
📁 حذف ایمپورت های استفاده نشده در VS Code

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

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

🟨@pieceJS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7