𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد – Telegram
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
6 subscribers
225 photos
77 videos
6 files
354 links
Download Telegram
#grphql


اگر با Graphql کار میکنید دیگه وقتشه که playground دیفالتشو بندازی بره 🫵

یه playground خفن پیدا کردم که به شدت ui و ux بهتری داره و کلی قابلیت های جذاب هم داره مثل ساخت خودکار query ها و ...


🌐 Studio AppoloGQL

🚀 @coolycode
💎 بررسی 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 توی پروژه هاتون استفاده کنید چون باعث می‌شه که کدتون کوتاه‌تر و خواناتر بشه

امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرژی بدید ❤️‍🔥

#️⃣ #javanoscript #tricks

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
مراقب باشید هر جایی از فلگ -g استفاده نکنید ...

@𝕏Code_IR
تمرکز در برنامه نویسی ( مهم ) - coolycode
<unknown>
هر کاری میکنم تمرکز ندارم موقع کار و برنامه نویسی چیکار کنم ؟

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

حتما اگر نکته ای هست که فکر میکنید به درد بقیه دوستان بخوره، توی کامنتا به اشتراک بزارید 👌


صدارو ترجیحا میتونید کم کنید توی این دقیقه، 06:13 شاید هر کسی نپسنده 🙏

#tips

🚀 @coolycode
This media is not supported in your browser
VIEW IN TELEGRAM
آقا این ویدیو خیلی ترند شده و بامزس گفتم براتون بزارم و یه توضیحی بدم 😂

این ویدیو برای ۱۲ سال پیشه و ۱۲امین و همچنین پر بازدید ترین ویدیو از چنل جادی هستش، ولی جدایی از اینها چنل جادی از جذاب ترین و بهترین چنل های گیک و برنامه نویسیه ❤️
🔗 https://youtu.be/n7TfYBONzV0


یکی نوشته بود 🔻
باید اول میگفت، خب جادیم 🤣


#fun #geek

🚀 @coolycode
درستشم همینه 👌
شاید فکر کنید ایول چه چه فان و باحال، ولی واقعا باید به عنوان نمونه بهش نگاه کنید، به این میگن عذت نفس بالای اون فرد، کسی که عزت نفس نداره خودشو میگیره


انسان قوی، از خودش بودن نمیترسه بلکه از این محبت لذت میبره 💎
📝 @𝕏Code_IR
🚀 دنبال دوره‌های آموزشی پولی به صورت رایگان هستید؟ 🚀

به کانال ما بپیوندید و به گنجینه‌ای از بهترین دوره‌های آموزشی از سایت‌های مختلف دسترسی پیدا کنید که ما آنها را برای شما رایگان قرار داده‌ایم! 🎁

از آموزش‌های تخصصی تا مهارت‌های کاربردی، همه چیز اینجاست. هر روز با محتوای جدید منتظر شما هستیم!

🌟
@packagePD 🌟
Media is too big
VIEW IN TELEGRAM
#figma


بینهایت طرح رایگان، برای ساخت نمونه کار و ایده گرفتن ( واقعی ) 😍

🌐 https://www.figma.com/community

🚀 @coolycode
به نظرم بامزه ترین قسمت اضافه کردن linter و husky به پروژه ای که تا الان بدون هیچ محدودیتی میرفته جلو اینه که هر چی چینج میزنی نمیتونی کامیت و یا پوش کنی، چون کلی ارور داری 😂

البته که دست خودته و بستگی به سیاست های پروژه داره، ولی خب به شخصه دوست داشتم برنچم تر تمیز باشه 🔥

خلاصه که دان شد

بریم برا ریبیسش 😭🤣


🚀 @coolycode
💎 استخراج نوع آیتم از یک آرایه در Typenoscript 💎

فرض کنید، یک DataType مشخص دارید (مثلاً از یک API) و دیتای شما به شکل آرایه‌ای از آبجکت‌ها هست و میخواید فقط تایپ آیتم‌های این آرایه رو استخراج کنید بدون اینکه تایپ آیتم از قبل به صورت جدا تعریف شده باشه، توی این پست قراره با یه مثال ساده به حل کردن این مسئله بپردازیم

کد اولیه ما به این شکله 🔻
type GetAllUsersResponse = {
getAllUsers: Array<{
id: number;
name: string;
email: string;
}>;
};

const response: GetAllUsersResponse = {
getAllUsers: [ ... ],
};


حالا برای استخراج نوع آیتم های آرایه getAllUsers، میتونیم از [number] استفاده کنیم 🔻
type UserItem = GetAllUsersResponse['getAllUsers'][number];

وقتی که [number] جلوی یک تایپ آرایه قرار میگیره، به typenoscript میگه که فقط نوع آیتم آرایه رو میخوام


📊 جمع بندی

حالا شاید پیش خودتون بگید که چرا باید از این روش استفاده بکنم ؟ چرا اصلا نیام و به صورت جدا تعریف بکنم تایپ User رو ؟ 🤔

درواقع این چالش بیشتر توی مواردی به وجود میاد که DataType شما مشخصه از قبل، مثل وقتی که از Graphql Codegen توی پروژتون استفاده میکنید، Codegen درواقع کارش اینه که Schema GraphQL رو به صورت اتومات به typenoscript تبدیل کنه تا دیگه مجبور نباشید تایپ ریسپانس API رو خودتون تعریف کنید.
یکی دیگه از دلایلی که عاشق گرف‌کیو‌الم :)


امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرژی بدید ❤️‍🔥

#️⃣ #typenoscript #tricks

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
سلام رفقا، امیدوارم حالتون خوب باشه 🔥❤️‍🔥

یکی از بچه های چنل، یه حرکت باحالی زده و داره لیستی از بهترین پروژه های open source ایرانی رو داخل یک ریپو جمع آوری میکنه، اگر دوست داشتید میتونید بهش استار بدید و ازش حمایت کنید و یا خودتون هم مشارکت داشته باشید ✌️

https://github.com/pllusin/Best-Iranian-Projects

🚀 @coolycode
میدونستی با شورت‌کات
CTRL+ `


میتونی تو vscode ترمینال رو باز و بسته کنی، اینجوری دیگه مجبور نیستی هر بار ترمینالو بکشی تا پایین :)

اسم این کاراکتری هم که استفاده کردیم بک‌تیکه

🚀 @coolycode
یکی از بدترین تراژدی های زندگیم بر میگرده به اون زمانی که بچه بودم و داشتم گیت یاد میگرفتم 💔

نزدیک یک ماه بود که در تلاش بودم بتونم اولین پروژم رو که با React توسعه دادم بفرستم رو گیت ...
هر چقدر تلاش میکردم نمیشد و چند روز یبار میرفتم کلی تلاش میکردم و شکست میخوردم، کلی تو گوگل سرچ میکردم و واقعا هیچی پیدا نمیکردم، شاید باورتون نشه ولی اعدادی که استفاده میکنم واقعیه خیلی مدت طولانی درگیرش بودم ...


بعد از مدت ها با GitIgnore آشنا شدم و فهمیدم بخاطر این پوش نمیشده که فولدر node_modules رو هم با پروژه پوش میکردم :)))

اینم لینک اون ریپازیتوریه، یه موزیک پلیره کامله که رسما Clone گروو‌موزیک ویندوزه، البته با 0 استار، اگر دوست داشتید استار بدید بهش :)😂

https://github.com/mohammadhosseintazaroei/groove-music

🚀 @coolycode
دخترا :
وای لباس ندارم، چی بپوشم امشب، اینو ۶ ماه پیش یبار پوشیدم مگه یه لباسو چند بار می‌پوشن 😭

همچنان پسرا :

📝 @𝕏Code_IR 🔻
something more than CoDe
Media is too big
VIEW IN TELEGRAM
#website


یکی از خفن ترین منابع کامپوننت های 3D و تعاملی ...

🌐 https://magicui.design/


🚀 @CoolyCode
💎 بررسی Utility Type‌ها در TypeScript 💎

بعضی وقت ها تو تایپ‌اسکریپت, نوع خاصی از type یا interface موجود نیازمون میشه، مثل optional یا required کردن تمامی پورپرتی های تایپ، یه همچین مواردی رو میتونیم خیلی ساده با Utility Type‌ها به شکل مد‌نظرخون تغییر بدیم، تقریبا میشه گفت یک instance با تغییرات و شرطهایی ازشون بسازیم....
#typenoscript


کاربردی ترین Utility Type‌ها

Partial<Type>

تمام ویژگی‌های یک تایپ رو اختیاری می‌کنه.
type User = { id: number; name: string };
type PartialUser = Partial<User>; // { id?: number; name?: string }


Required<Type>

تمامی پروپرتی‌های یک تایپ رو اجباری می‌کنه.
type User = { id?: number; name?: string };
type RequiredUser = Required<User>; // { id: number; name: string }


Readonly<Type>

تمام پروپرتی‌های تایپ رو ReadOnly می‌کنه.
type User = { id: number; name: string };
type ReadonlyUser = Readonly<User>; // { readonly id: number; readonly name: string }

یعنی اگر بعد از تعریف آبجکت بخواید مقدار یکی از پروپرتی‌های اون آبجکت رو تغییر بدید بهتون ارور میده.


Pick<Type, Keys>

این یکی واقعا کاربردیه و کارش اینه که فقط ویژگی‌های مشخص‌شده از یک تایپ رو برگردونه.
type User = { id: number; name: string; email: string };
type PickedUser = Pick<User, 'id' | 'name'>; // { id: number; name: string }

به Pick باید دو تا مقدار پاس بدید، اول تایپ مد نظرتون و دوم لیست پراپرتی‌ها که می‌خواهید از نوع اولیه انتخاب کنید به این شکل : 'id' | 'name'


Omit<Type, Keys>

ویژگی‌های مشخص‌شده رو از یک تایپ حذف می‌کنه.
type User = { id: number; name: string; email: string };
type OmittedUser = Omit<User, 'email'>; // { id: number; name: string }

این یکی نحوه کارکردش مثل Pick هستش فقط به جای اینکه لیستی که بهش میدید رو ففط برگردونه میاد و فاکتور میگیره از تایپ حذف می‌کنه.


امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرژی بدید ❤️‍🔥

🚀 @CoolyCode
💎 آمار فعالیت چنل تا به امروز 💎

واقعاً عالیه نسبت به تعدامون، پر قدرت میریم جلو عشقای داداش🔥❤️‍🔥

راستی اگر چنل دارید میتونید با استفاده از ربات زیر این عکسو بسازید 🔻

🌟 @telemetr_io_bot


𝗖𝗛𝗔𝗡𝗡𝗘𝗟 | 𝗚𝗥𝗢𝗨𝗣
یادگیری برنامه نویسی با بازی 🕹️

CodeCombat
سبک: بازی ماجراجویی
مهارت‌ها: یادگیری زبان‌های برنامه‌نویسی (Python, JavaScript)
شما در قالب یک بازی فانتزی شخصیت خود را با نوشتن کد حرکت می‌دهید و دشمنان را شکست می‌دهید. این بازی برای مبتدیان و یادگیری اصول برنامه‌نویسی عالیه.
CheckiO
سبک: بازی حل معما
مهارت‌ها: برنامه‌نویسی Python و JavaScript
این بازی مجموعه‌ای از چالش‌های کدنویسی است که با حل آن‌ها مهارت‌های خود را تقویت می‌کنید. مناسب برای افراد با دانش متوسط و پیشرفته.
RoboCode
سبک: مبارزه ربات‌ها
مهارت‌ها: یادگیری Java، تفکر الگوریتمی
در این بازی شما باید برای ربات خود کدی بنویسید تا در میدان مبارزه با ربات‌های دیگر بجنگد. برای تقویت الگوریتم‌نویسی و استراتژی عالیه.
TIS-100
سبک: شبیه‌سازی برنامه‌نویسی سیستم
مهارت‌ها: یادگیری منطق سیستم‌های سطح‌پایین، برنامه‌نویسی اسمبلی
یک بازی پازل پیچیده که در اون باید مدارها و سیستم‌های کامپیوتری رو با کدنویسی درست کنی.
Human Resource Machine
سبک: حل پازل
مهارت‌ها: اصول برنامه‌نویسی و الگوریتم‌ها
در این بازی شما باید دستورات ساده‌ای برای حل پازل‌ها به کارمندان بدهید. مناسب برای درک ساختارهای پایه‌ای کدنوسی.


#programming

🚀 @coolycode