تا امروز سعی کردیم که مطالب فوقالعاده کاربردی و با کیفیتی روبرای شما عزیزان تولید کنیم و هم اکنون میتونید به صدها مطلب جذاب در حوزه وب دسترسی داشته باشید 💎
اگر مورد جدیدی به مطالب کانال اضافه بشه داخل این لیست قرار میگیره✅
با توجه به گسترده شدن مطالب کانال کولیکُد تصمیم، گرفتیم که یک دسته بندی مناسبی رو روی تمامی پستهای کانال اعمال کنیم، که میتونید به صورت کامل لیستش رو مشاهده کنید🚀
❓ #WhatsThat : معرفی و بررسی تکنولوژیها
⛏ #tools : ابزار ها و سرویس های کاربردی
👨💻 #programming : مباحث عمومی حوزه تک
🪄 #tricks : تریک و ترفندها
🔗 #website : معرفی وبسایت
📝 #tips : نکات مهم و کاربردی
😆 #fun : فان و سرگرمی
✌️ #javascript : مربوط به جاوااسکریپت
🔵 #css : مربوط به سیاساس
💻 #Frontend : حوزه فرانتاند
🌲 #Backend : حوزه بکند
🔖 #libarary : معرفی لایبرری های کاربردی
💻 #framework : معرفی و بررسی فریمورک
🆚 #VS : مقایسه و بررسی تفاوتها
📗#book : معرفی کتاب
🗣️ #golden_sentence : جملات ناب حوزه تک
🌐 #NEWPost : پست های اینستاگرام
📹 #youtube : ویدیو های چنل یوتوب
🎞 #video : آموزش های ویدیویی
🖥 #uiux : مباحث مربوط به ui, ux
اگر مورد جدیدی به مطالب کانال اضافه بشه داخل این لیست قرار میگیره
راستی میتونید بنرمون رو برای دوستان خودتون ارسال کنید تا اونا هم به جمع ما بپیوندن 🔻
CoolyCode Banner ☕🫰
#category #دسته_بندی
🧑💻 𝗖𝗛𝗔𝗡𝗡𝗘𝗟 | 𝗚𝗥𝗢𝗨𝗣
Please open Telegram to view this post
VIEW IN TELEGRAM
💎 بررسی
هموطنور که بیشترتون میدونید destructuring در جاوااسکریپت به ما این امکان رو میده که از یک آبجکت یا آرایه به راحتی مقادیر خاصی رو استخراج کنیم
ولی خب احتمالاً خیلی کم راجع به nested object destructuring شنیده باشید. توی این حالت، وقتی آبجکتما شامل آبجکتهای دیگهای به عنوان مقادیرش باشه، میتونیم به راحتی از destructuring برای استخراج دیتای داخل آبجکت تو در تو هم استفاده کنیم
حتماً از این نوع destructuring توی پروژه هاتون استفاده کنید چون باعث میشه که کدتون کوتاهتر و خواناتر بشه ✅
امیدوارم از این مطلب لذت برده باشید، با ریاکشنای خودتون بهمون انرژی بدید ❤️🔥
nested object destructuring در جاوااسکریپت 💎هموطنور که بیشترتون میدونید destructuring در جاوااسکریپت به ما این امکان رو میده که از یک آبجکت یا آرایه به راحتی مقادیر خاصی رو استخراج کنیم
توی مثال زیر پروپرتی name رو از user اومدیم و destruct کردیم 🔻
const user = { name: 'Mmd', address: { city: 'cool city', } };
const { name } = user; console.log(name); // Mmdولی خب احتمالاً خیلی کم راجع به nested object destructuring شنیده باشید. توی این حالت، وقتی آبجکتما شامل آبجکتهای دیگهای به عنوان مقادیرش باشه، میتونیم به راحتی از destructuring برای استخراج دیتای داخل آبجکت تو در تو هم استفاده کنیم
توی مثال زیر پروپرتی city رو به سادگی از address اومدیم و destruct کردیم 🚀
const { name, address: { city } } = user;
console.log(name); // Mmd
console.log(city); // cool cityحتماً از این نوع destructuring توی پروژه هاتون استفاده کنید چون باعث میشه که کدتون کوتاهتر و خواناتر بشه ✅
#️⃣ #javascript #tricks
⭐ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟 | 𝗚𝗥𝗢𝗨𝗣
10 ترفند جالب و کاربردی در جاوااسکریپت ✅
➊ کوتاه کردن string با
➋ ساخت آرایه عددی با طول دلخواه
➌ تبدیل string به number
➍ جمع سریع آرایهای از اعداد
➎ بررسی مقدار زوج یا فرد بودن
➏ برعکس کردن String
➑ حذف مقادیر خالی از آرایه
➒ مقایسه سریع دو آرایه
⓿➊ حذف مقادیر تکراری از آرایه
امیدوارم از این مطلب لذت برده باشید، با ریاکشنای خودتون بهمون انرژی بدید ❤️🔥
➊ کوتاه کردن string با
...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]➌ تبدیل string به number
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
➏ برعکس کردن String
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
🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟 | 𝗚𝗥𝗢𝗨𝗣
💎 آشنایی با ORMها، چی هستد و به چه کاری میان 💎
کلمه ORM و یا همون Object-Relational Mapping ابزاریه که به شما این امکان رو میده تا با استفاده از زبان های برنامهنویسی شیگرا، به راحتی با دیتابیس کار بکنید.
✅ مزایای ORMها
➊ کاهش کد نویسی
➋ افزایش خوانایی کد
➌ قابلیتهای جابجایی
➍ مدیریت خودکار ریلیشنها
❌ معایب ORMها
➊ عملکرد کمتر
➋ پیشرفته بودن برای مبتدیان
➌ محدودیتهای عملکردی
💯 بهترین ORM ها برای Node.js
1. Sequelize
2. TypeORM
کلمه ORM و یا همون Object-Relational Mapping ابزاریه که به شما این امکان رو میده تا با استفاده از زبان های برنامهنویسی شیگرا، به راحتی با دیتابیس کار بکنید.
یعنی دیگه نیازی نیست خودتون به صورت دستی به نوشتن کوئریهای پیچیده با sql خام بپردازید و میتونید تمرکز بیشتری رو روی منطق برنامهنویسی داشته باشید 💥
✅ مزایای ORMها
➊ کاهش کد نویسی
با استفاده از ORM، نیاز به نوشتن کد SQL کاهش پیدا میکنه و عملیات دیتابیس به صورت خودکار انجام میشه
➋ افزایش خوانایی کد
کد ORM بیشتر به زبان برنامهنویسی شما نزدیکه و فهم اون سادهتره.
➌ قابلیتهای جابجایی
با ORM میتونید به سادگی از یک دیتابیس به یک دیتابیس دیگه منتقل شد.
➍ مدیریت خودکار ریلیشنها
با ORM ها مدیریت روابط ( ریلیشنها ) بین جداول مختلف خیلی ساده تر میشه
❌ معایب ORMها
➊ عملکرد کمتر
برای برخی از عملیاتهای پیچیده مثل گذارش گیری ها ممکنه کارایی کمتری نسبت به نوشتن کد SQL خالص داشته باشن.
➋ پیشرفته بودن برای مبتدیان
درک کامل عملکرد ORM و چگونگی کارکرد اون میتونه برای برخی از دولوپرهای تازهکار سخت تر باشه.
➌ محدودیتهای عملکردی
برای سناریوهایی با نیازهای خاص و پیچیده، ممکنه ORM همه نیازهای مارو برآورده نکنه.
💯 بهترین ORM ها برای Node.js
1. Sequelize
یک ORM قدرتمند برای Node.js و دیتابیس های SQL با پشتیبانی از تعریف مدل، روابط پیچیده، و Migration.
2. TypeORM
به شخصه typeorm رو برای NestJS توصیه میکنم چون فوقالعاده مناسب برای TypeScript هستش که از database های SQL و NoSQL پشتیبانی میکنه.3. Mongoose
این یکی برای MongoDB بهکار میره و درواقع ODM هستش که با Schemaها، Middleware و قابلیت Validation، مدیریت دیتای NoSQL رو براتون اسون تر میکنه.4. Prisma
یک ORM مدرن و TypeScript-friendly برای دیتابیس های SQL با تمرکز بر سرعت، Type-Safty کوئریها.
#️⃣ #lazyloading #javascript
🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟 | 𝗚𝗥𝗢𝗨𝗣