🖼️ 45 JavaScript Super Hacks Every Developer Should Know


✔️ JavaScript is a versatile and powerful language that is essential for modern web development. Here are super hacks that will make you a more efficient and effective JavaScript developer, with detailed explanations and examples for each one.

🔗 Please open the link below to read them all!

➖➖➖➖➖➖
📚 Article: [here]
➖➖➖➖➖➖
#JavaScript


🖥 Follow @devDastan for more content.

🖼 45 JavaScript Super Hacks Every Developer Should Know


✔ JavaScript is a versatile and powerful language that is essential for modern web development. Here are super hacks that will make you a more efficient and effective JavaScript developer, with detailed explanations and examples for each one.

🔗 Please open the link below to read them all!

➖➖➖➖➖➖
📚 Article: [here]
➖➖➖➖➖➖
#JavaScript

اکستنشن Prettier در VSCode ⌨️

👀 میدونین که برنامه نویسی به شکل مرتب، یکسری اصول خاص داره، که شاید بعضی وقتا ناخواسته رعایتش نکنید. این اکستنشن براتون کدتون رو مرتب میکنه، میتونید هم بهش بگید چه زبانهایی رو براتون مرتب نکنه و ...

✔️از اینها هم پشتیبانی میکنه:

JavaScript · TypeScript · Flow · JSX · JSON · CSS · SCSS · Less · HTML · Vue · Angular HANDLEBARS · Ember · Glimmer · GraphQL · Markdown · YAML

🔗 لینک دانلود

#vscode #extension
☕️ @CodeExplore

5 اکستنشن کاربردی که احتمالا از اونها بی خبری😄

1⃣Better Comments

به کمک این اکستنشن میتونید کامنت های رنگی بر اساس شرایط کدتون بنویسید.

2⃣CSS Peak

با استفاده از این اکستنشن میتونید کلاس های استایلی خودتون رو با یک سرچ ساده پیدا، و به محل نوشته شده اون استایل برید.

3⃣Import Cost

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

4⃣Pretty TypeScript Error

با استفاده از این اکستنشن، خطاهای تایپ اسکریپت رو میتونید به صورت خوانا تری مشاهده و ببینید.

5⃣Persian Lorem

این اکستنشن به ما کمک می‌کنه لورم اپیسوم های فارسی بنویسیم. فقط کافیه عبارت plorem رو در ادیتور تایپ کنیم.

#extentions
@CodeModule

⬆️ سلام رفقا ، این متن رو قبلا توی چنل گذاشتیم ولی احساس کردم اونقدری که باید توضیح داده بشه توضیح داده نشده ،پس تصمیم گرفتم در این مورد یه گپی باهاتون بزنم 🔒

قبلش یه اعترافی بکنم 🙅‍♂️
منم اون اوایل فک میکردم برنامه نویسی یاد بگیرم ، فردا میشم میلیاردر و جای بیل گیتسو میگیرم (اون زمان پولدار ترین ادم بیل گیتس بودو یه مردکی به نام کارلوس اسلیم که حالا باهاش کاری ندارم🐱)
ولی چرا دروغ بگم ؟ تا 14 15 سالگی پولدار نشدم 🫠 هنوزم نشدم 🙅‍♂️ ولی خواهم شد😔😔

قرار نیست با نوشتن کد پولدار بشیم! کدو هوش مصنوعیم الان برامون میزنه، پس باید یه فرقی داشته باشیم⭐

برنامه نویسی هم مثل خیلی چیزا ، یه مهارته! یاد میگیری ، تلاش میکنی ، به خاطر میسپری و همین لوپ تا بینهایت ادامه داره ⌨️
و برای همین پولی که به تنهایی ازش بدست میاد اونقدری نیست که اگه کار دیگه ایی داشته باشی بگی چقد این تفاوت فاحشه!

بیاید بریم تو واقعیت مثال بزنیم:

⚫️ اگه فقط روی برنامه‌نویسی تمرکز کنیم، احتمالاً آینده‌مون چی میشه؟ یه شغل خوب با حقوق نسبتاً خوب. اما آیا این همون چیزیه که ما واقعاً می‌خوایم؟ (من که از روتین زندگی کردن خوشم نمیاد)
شاید برای بعضی‌ها آره، ولی اگه رویای بزرگتری تو سرتونه، باید فراتر از این فکر کنید و فقط با 4 خط کد هیچی نمیشه :(

⚫️ اینجاست که بحث جالب میشه. درآمد واقعی و بزرگ از محصولی میاد که با برنامه‌نویسی ساخته میشه، نه خود برنامه‌نویسی. فکرش رو بکنید، اپلیکیشن‌های موفق، وب‌سایت‌های پربازدید، نرم‌افزارهای کاربردی - همه این محصولات شیطانی 😬 محصولاتی هستن که با برنامه‌نویسی ساخته شدن، اما موفقیتشون فقط به خاطر کد خوب نبوده و نیست (دلیلش بخاطر ایده پشتشون (شایدم ایده جلوشون) و بولد کردنشون تو دید عمومه)

⚫️حالا فرضا ما یه قرنه داریم برنامه نویسی میکنیم ، کارمونم جوریه که بیل گیتس باید بیاد تو صفحه دسکتاپمون رو پایی بزنه 😔
حالا چیکار کنیم؟ حالاست که وارد یه بخش دیگه میشید ...

1️⃣ اول باید بدونید قراره چی بفروشید ؟ محصولتون چیه؟ خدماته؟ اطلاعاته؟ رویاست؟ دروغه ؟ فکته؟ چیه؟ هرچیزی که بیشترین درصد ورود پول به سیستمون رو داره میگن محصول (مثلا محصول اینستاگرام چیه؟ عکس و فیلمه؟ حقیقتا نه! محصول اینستاگرام توجه و داده کاربرانه تا بتونه بهترین تبلیغات رو بهشون نشون بده و پول در بیاره!)
پس بعد از برنامه نویسی باید یه فکر قشنگ داشته باشید و بدونید محصولتون دقیقا چیه!

2️⃣در قدم دوم باید بازاریابی یاد بگیرید ، بازاریابی هم کلا یعنی چجوری یه محصول رو به مشتری بیشتری برسونیم! مثلا برای فروش بازی موبایل ، ما میتونیم بریم تو خیابون به این و اون بازیو نشون بدیم ، یا اینکه تو گوگل پلی بزاریم! جفتش بازاریابیه، اما بازاریابی بهتر چیزیه که تو دید باشه (البته به محصولتم ربط داره، بعضی از محصولات قرار نیست اشخاص زیادی رو درگیر کنه 🚬)

3️⃣ در قدم های بعدی وارد بخش های مهم تر میشید ، مثل خود تجارت و ارتباطات ، هرچقدر بتونید ارتباط خودتونو بیشتر کنید و شبکه بزرگتری ایجاد کنید ، میتونید مشتری بیشتر بیارید ، پس در نتیجه محصول بیشتر بفروشید و  در کل پول تو جیبتونو زیاد کنید ✅

4️⃣هرچقدر که تو مسیر قدم بزارید ، شبکه بزرگ تر و محصول جهانی تری دارید ، پس کم کم باید مدیریت پروژه رو هم یاد بگیرید تا توی مسیر فروش شکست نخورید 😔

زیاد حرف زدم مث همیشه 🐈‍⬛️
ولی اگه فقط یه زندگی ساده و روتین میخواید ، برنامه نویسی یاد بگیرید و برید یه جا مشغول به کار شید (یه جایی مثل دیجیکالا کار کنید با حقوق سنیور 90 تومن و برای خرید یه خونه خوب بدون تورم 5 سال کار کنید ، تازه ماشینم باید بگیرید😂)

ولی اگه واقعا دنبال یه چیز بزرگ هستید ، یادتون نره: فقط یاد بگیرید!
نه فقط برنامه نویسی ، درباره اصول کسب و کار، استراتژی های بازاریابی، مهارت های ارتباطی و توی این مسیر یادگیری ارتباطات کلیدی بسازید (ارتباط و سرمایه شما رو همیشه جلو میندازه)

و از الان بگم هر تلاش و هدف بزرگی توش شکستم داره! افتادید ، پاشید و دوباره ادامه بدید ، هیچ اتفاق بزرگی یه شبه به وجود نمیاد (به جز شب ایجاد ادمای مهم 🙂😈) !

حرف آخر اینه: برنامه نویسی به مهارت عالی و سخته ، ولی فقط یه قطعه از پازلمونه! از مهارتونن استفاده کنید برای خلق یه ارزش جدید ✊

یادت نره ، تو فقط یه برنامه نویس نیستی، یه خالقی، یه کارآفرین بالقوه ایی و کسی که میتونه با مهارتش دنیا رو تکون بده 👽
تازه دوست منم هستی 🫰
پس بیا بریم دنیا رو تکون بدیم 😔

#programming
☕️ @CodeExplore

علتش چیه؟ 😠

چند وقت پیش داشتم الگوریتم مرتب سازی insertion رو پیاده سازی میکردم و برام سوال شد، چجوری میتونم سرعت مرتب سازی رو بیشتر کنم (در حد کنجکاوی). در هنگام پیاده‌سازی الگوریتم مرتب‌سازی Insertion Sort در جاوااسکریپت، معمولاً این الگوریتم به صورت زیر نوشته میشه:

function insertionSort(arr) {
  for (let i = 1; i < arr.length; i = i + 1) {
    let cE = arr[i];
    let j = i;
    while (j > 0 && arr[j - 1] > cE) {
      arr[j] = arr[j - 1];
      j = j - 1;
    }
    arr[j] = cE;
  }
  return arr;
}
console.time();
const uArray = [20, 10, 4, 51, 0, 0xd3, 0x42, 0.4, 0.00002, 0x2];
const sArray = insertionSort(uArray);
console.log("Sorted array:", sArray);
console.timeEnd();

در اینجا، زمان اجرای الگوریتم با استفاده از console.time() و console.timeEnd() اندازه‌گیری میشه. معمولاً زمان اجرای این کد بین ۱۰ تا ۱۵ میلی‌ثانیه متغیر هست. به این صورت:

Sorted array: [ 0, 0.00002, 0.4, 2, 4, 10, 20, 51, 66, 211 ]
default: 10.793ms

حالا اگر خروجی آرایه رو به یک رشته تبدیل کنیم و سپس اون رو برگردونیم:

return String(arr);

خروجی:

Sorted array: 0,0.00002,0.4,2,4,10,20,51,66,211
default: 8.899ms

با انجام این تغییر، زمان اجرای الگوریتم به صورت چشمگیری کاهش پیدا میکنه و بین ۸ تا ۱۰ میلی‌ثانیه متغیر میشه.

سوال اصلی اما اینجاست:

چرا تبدیل آرایه به رشته باعث کاهش زمان اجرای الگوریتم مرتب‌سازی Insertion میشه؟ آیا این تغییرات قابل توجه هستن و باید در برنامه‌ هایی که میسازیم نگران چنین تفاوت‌های جزئی ای باشیم؟

#nodejs #array
@CodeModule