#fun

const truncate = (str, length) => 
  str.length > length ? str.slice(0, length) + "..." : str;
console.log(truncate("JavaScript Tricks", 10)); // "JavaScript..."

const array = Array.from({ length: 5 }, (_, i) => i + 1);
console.log(array); // [1, 2, 3, 4, 5]

const num = +"42";
console.log(num); // 42

const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((total, num) => total + num, 0);
console.log(sum); // 10

const isEven = (num) => num % 2 === 0;
console.log(isEven(4)); // true

const reverseString = (str) => str.split("").reverse().join("");
console.log(reverseString("hello")); // "olleh"

پیشنهاد : این مورد رو خودتون سعی کنید بدون استفاده از متد های آماده جاوااسکریپت بسازید جالبه و ساده ؛)

const getDay = (day) => ({
  1: "Monday",
  2: "Tuesday",
  3: "Wednesday",
}[day] || "Invalid day");
console.log(getDay(1)); // "Monday"

const arr = [0, null, undefined, "", 5];
const filtered = arr.filter(Boolean);
console.log(filtered); // [5]

const arraysAreEqual = (a, b) => JSON.stringify(a) === JSON.stringify(b);
console.log(arraysAreEqual([1, 2], [1, 2])); // true

const unique = [...new Set([1, 2, 2, 3])];
console.log(unique); // [1, 2, 3]

#️⃣ #tricks #javascript

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

یک آبجکت با key مشخص‌شده و یک Type ثابت برای مقادیر میسازه.

type UserRoles = Record<'admin' | 'editor', string>; // { admin: string; editor: string }

مقادیری که توی پارامتر type مشخص‌شده رو حذف می‌کنه.

type Roles = 'admin' | 'editor' | 'user';
type ExcludedRoles = Exclude<Roles, 'user'>; // 'admin' | 'editor'

فقط مقادیری که توی پارامتر type مشخص‌شده وجود داره رو انتخاب میکنه.

type Roles = 'admin' | 'editor' | 'user';
type ExtractedRoles = Extract<Roles, 'admin' | 'user'>; // 'admin' | 'user'

مقادیر null و undefined را از تایپ حذف می‌کند.

type MaybeString = string | null | undefined;
type NonNullableString = NonNullable<MaybeString>; // string

نوع خروجی یک تابع رو استخراج می‌کنه.

function getUser() { return { id: 1, name: 'Ali' }; }
type UserReturnType = ReturnType<typeof getUser>; // { id: number; name: string }

نوع آرگومان‌های یک تابع رو استخراج میکنه.

function logUser(id: number, name: string) {}
type UserParams = Parameters<typeof logUser>; // [number, string]

تایپ instance از یک کلاس زو استخراج می‌کنه.

class User { id = 1; name = 'Ali'; }
type UserInstance = InstanceType<typeof User>; // User

تایپ نتیجه‌ی یک Promise رو استخراج می‌کنه.

type FetchData = Promise<string>;
type Data = Awaited<FetchData>; // string

#️⃣ #typesctipt

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

#tricks

هرکی که با غیرت و تلاش مردونه دنبال هدفاش رفت 💪

هرکی که مثل کوه پشت خانوادش وایستاد و کم نذاشت 🏔️

هرکی که ارزش لحظه‌هاشو دونست و وقتش رو هدر نداد... ⌛

یعنی دیگه نیازی نیست خودتون به صورت دستی به نوشتن کوئری‌های پیچیده با sql خام بپردازید و میتونید تمرکز بیشتری رو روی منطق برنامه‌نویسی داشته باشید 💥

با استفاده از ORM، نیاز به نوشتن کد SQL کاهش پیدا میکنه و عملیات دیتابیس به صورت خودکار انجام می‌شه

کد ORM بیشتر به زبان برنامه‌نویسی شما نزدیکه و فهم اون ساده‌تره.

با ORM میتونید به سادگی از یک دیتابیس به یک دیتابیس دیگه منتقل شد.

با ORM ها مدیریت روابط ( ریلیشن‌ها ) بین جداول مختلف خیلی ساده تر میشه

برای برخی از عملیات‌های پیچیده مثل گذارش گیری ها ممکنه کارایی کمتری نسبت به نوشتن کد SQL خالص داشته باشن.

درک کامل عملکرد ORM و چگونگی کارکرد اون می‌تونه برای برخی از دولوپر‌های تازه‌کار سخت تر باشه.

برای سناریوهایی با نیازهای خاص و پیچیده، ممکنه ORM همه نیازهای مارو برآورده نکنه.

یک ORM قدرتمند برای Node.js و دیتابیس های SQL با پشتیبانی از تعریف مدل، روابط پیچیده، و Migration.

به شخصه typeorm رو‌ برای NestJS توصیه میکنم چون فوق‌العاده مناسب برای TypeScript هستش که از database های SQL و NoSQL پشتیبانی میکنه.

این یکی برای MongoDB به‌کار می‌ره و درواقع ODM هستش که با Schema‌ها، Middleware و قابلیت Validation، مدیریت دیتای NoSQL رو براتون اسون تر میکنه.

یک ORM مدرن و TypeScript-friendly برای دیتابیس های SQL با تمرکز بر سرعت، Type-Safty کوئری‌ها.

#️⃣ #lazyloading #javascript

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

ولی حتما بخونید چون خیلی کوتاه و خلاصه ORM رو معرفی و بررسی کردیم 😁✅

#tips

من دوروز بود که کیبورد اصلیم ( مکانیکی نیست ولی خیلی نرمه ) به مشکل خورده بود و مجبور شدم یکی از کیبورد های قبلیمو استفاده کنم و واقعا خیلی سخت بود و رسما کارمو کند کرده بود

خودم قبل از اینکه کیبورد نرم استفاده کنم متوجهش نمیشدم چون عادت کرده بودم به فشار دادن محکم دکمه ها ولی وقتی استفاده میکنید از یه کیبورد نرم متوجه میشید چه نعمتیه 😂

شاید اوایل چون عادت ندارید بهش و سرعتی که داره یکم حس کنید که سخته یا نمیشه، ولی بعد دوروز عادت میکنید شدیداً بهش و میفهمید که واقعا نعمتیه ؛)

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

قطعا اوایلش سخته و تمرین سخت تری میخواد ولی خیلی زود عادت میکنید و لول‌کارتون به شدت بالا میره

🗨️ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

آقای علی عبدالعالی ۴، ۵ سال همسایه ما بودن، یکی از افرادی که خیلی تلاش کردن توی ایران برای تغییر و تحول توی سیستم آموزشی، و تا جایی که تونستن در مدارسی که دسترسی داشتن این سیستم رو تا حد خیلی خوبی عملی کردن و همچنان هم در حال تلاش برای تغییر این سیستم اموزشی در کل کشور هستن و واقعا کارشون با ارزشه سعی کنید به اشتراک بزارید ❤️

چیه؟ یه سبک معماری که روی پروتکل HTTP کار می‌کنه و از متدهای استاندارد مثل GET و POST استفاده می‌کنه.

🔹 مثال: GitHub، Twitter

✅ مزایا: سادگی، مقیاس‌پذیری بالا، خوانایی بالا

❌ معایب: نیاز به درخواست‌های متعدد، مصرف بالای پهنای باند

چیه؟ یه زبان کوئری که به کلاینت اجازه میده دقیقاً اون چیزی که نیاز داره رو درخواست بده و دریافت کنه.

🔹 مثال: Facebook، Shopify

✅ مزایا: دریافت دقیق داده‌ها، کاهش درخواست‌ها، انعطاف‌پذیری بالا

❌ معایب: پیچیدگی بالا، نیاز به سرور قوی‌تر

چیه؟ یه معماری که از پروتکل باینری (Protocol Buffers) استفاده می‌کنه و ارتباط سریع‌تری داره، البته خیلی گسترده تره و چون توی این پست نمیگنجه پیشنهاد میکنم حتما خودتون کامل راجبش بخونید.

🔹 مثال: Netflix، Google Cloud

✅ مزایا: سرعت بالا، پشتیبانی از ارتباط دوطرفه (Streaming)

❌ معایب: خوانایی کمتر برای انسان، سختی در دیباگ

چیه؟ یه پروتکل برای ارتباط دوطرفه بین کلاینت و سرور به صورت Real Time.

🔹 مثال: WhatsApp، Slack

✅ مزایا: تأخیر پایین، ارتباط همزمان دوطرفه

❌ معایب: مدیریت پیچیده تر در اتصال، ناسازگاری با برخی فایروال‌ها

#️⃣ #API #WhatsThat

🗨️ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

#fun

👀 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

🚀 @coolycode

🚀 @coolycode

#fun

🚀 @coolycode

مثلاً وقتی از JSON.parse() استفاده می‌کنی، هیچ‌وقت نمیری بررسی کنی که دقیقاً تو دلش چیکار می‌کنه. فقط یه رشته JSON می‌دی و یه آبجکت تحویل می‌گیری. این یعنی تو فقط با ورودی و خروجی کار داری، نه جزئیات داخلی تابع! 📦🔄

" بلک باکس یعنی فقط ورودی و خروجی برات مهمه، نه اینکه تو دلش چطور کار می‌کنه! "

فرض کن تو یه فروشگاه آنلاین داری و قیمت‌ها باید به صورت خوانا نمایش داده بشن. می‌تونی از یه تابع ساده برای این کار استفاده کنی.

تو نیازی نداری بدونی toLocaleString دقیقاً چطور اعداد رو قالب‌بندی می‌کنه. فقط کافیه عدد رو بدی و خروجی مناسب بگیری. این یعنی استفاده از یه بلک باکس که کار رو برات ساده‌تر می‌کنه! 🎯

function formatPrice(price) { 
    return price.toLocaleString() + " تومان"; 
}

console.log(formatPrice(2500000)); 
// خروجی: "2,500,000 تومان"

➊ تمرکز روی منطق برنامه

به جای درگیر شدن با پیاده‌سازی داخلی، فقط از خروجی استفاده می‌کنی تا مسئله رو خیلی ساده تر حل کنی !

➌ نگهداری راحت‌تر کد

اگه یه روز خواستی یه تابع رو تغییر بدی، کل برنامه رو به هم نمی‌ریزی چون پیاده سازیت اصولی و بلک‌ باکسی بوده !

#️⃣ #WhatsThat #tips

🗨️ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

🗨️ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣