𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
1.7K subscribers
221 photos
81 videos
8 files
363 links
اینجا قراره برنامه نویسی رو خیلی ساده و با حال خوب یاد بگیریم 🚀

📺 𝗬𝗢𝗧𝗨𝗕𝗘 : https://rb.gy/37siuq

📷 𝗜𝗡𝗦𝗧𝗔𝗚𝗥𝗔𝗠 : https://rb.gy/jmz946

👥 𝗚𝗥𝗢𝗨𝗣 : @CoolyCoder

𝗔𝗗𝗦 : @ADS_CoolyCode

✌️ 𝗣𝗩 : @CoolyCode_Support
Download Telegram
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
ابزار مخصوص tailwind دولوپرا 😍 #️⃣ #NEWPost #tailwind 🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
می‌خوام یه حرکتی بزنم

از این بعد ویدیو هارو توی تلگرام اپلود کنم نظرتونه ؟

البته باید قول بدید حمایت میکنید 🌚❤️‍🔥
❤‍🔥16
حمایت میکنید بزاریم ؟ 🚀
Anonymous Quiz
75%
Yuppp 🔥
25%
Nope ⚠️😬
🔥4🤣2
This media is not supported in your browser
VIEW IN TELEGRAM
یکی از کاربردی ترین شورت‌کات های VSCODE که بدرد همه میخوره 🤩

شما ام میتونید هر شورت‌کات بدرد بخوری که بلدید توی کامنتا بگید تا بقیه استفاده کنن 🚀


#️⃣ #vscode #tricks

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
👏7🔥3❤‍🔥1
Audio
توی این ویس یک فلوی خیلی خوب برای حل مسئله و باگ توی برنامه نویسی رو براتون توضیح دادم که به نظرم واقعا جوابه و در حال حاضر چالش خیلیا هستش

🚀 @coolycode
🔥8👌3👎2👻1
میخوام یه بازی بهتون معرفی کنم که خوراک پلی دادن با همکاراس و اگر آخر وقتی چیزی حوصلتون سر رفت میتونید باهم دیگه بازی کنید ( پارت دو )

#game | #hobby | #fun


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

چجوری نصب میشه ؟!
این بازی برای پلتفرم های مختلف در دسترسه، ولی به شخصه پیشنهاد میکنم که اگر میخواید با رفقاتون به صورت حضوری بازی کنید حتما توی سیستم با یه مانیتور بزرگ بالا بیاریدش چون خیلی کیفش بیشتره 💥
چجوری بازی کنیم ؟!
نحوه بازی تو سیستمم به این شکله که یه نفر بازی رو نصب میکنه و بقیه کافیه فقط برنامه BombSquad Remote رو نصب بکنن و به سرور بازی وصل بشن تا گوشیشون تبدیل بشه به کنترل بازی 😍


Download 🔻
Android‌‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Windows ( cracked )‌

BombSquad Remote


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

🚀 @coolycode
🔥5❤‍🔥1👍1💯11
هم اکنون کابوس تمامی برنامه نویسان :)

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


🚀 @InstaCode_IR 🙂‍↔️
🤣28
This media is not supported in your browser
VIEW IN TELEGRAM
توی این ویدیو بهتون تمامی ترفند‌هایی که برای ساخت پست های تلگرامیم ازشون استفاده میکنم که همیشه استایل جالبی دارن رو بهتون آموزش دادم

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


#tips | #tricks

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
❤‍🔥102🔥1🤣1
This media is not supported in your browser
VIEW IN TELEGRAM
خلاصه که حتما حواستون باشه به این مورد

⚠️ خطر سوختن وسایل صوتی ⚠️

#️⃣ #fun

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
🤣93
#grphql


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

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


🌐 Studio AppoloGQL

🚀 @coolycode
8
💎 بررسی 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

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

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

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

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


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

#tips

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

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


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


#fun #geek

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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


📊 جمع بندی

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

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


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

#️⃣ #typescript #tricks

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
🔥53👌2