𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد – Telegram
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
6 subscribers
225 photos
77 videos
6 files
354 links
Download Telegram
👾 ساخت ربات تلگرام با JavaScript 🤖

برای ساخت ربات تلگرام با جاوا اسکریپت، می‌تونیم از کتابخانه node-telegram-bot-api استفاده کنیم که یکی از محبوب‌ترین راه‌ها برای ساخت ربات تلگرام با Node.js هستش و به شما این اجازه رو ‌میده تا به راحتی ربات‌های تعاملی ایجاد کنید 💥

مزایای استفاده از این کتابخانه

سادگی و سرعت در توسعه: با چند خط کد میتونید ربات تلگرام خودتونو بسازید.

پشتیبانی از API تلگرام: به تمامی امکانات API تلگرام دسترسی دارید.

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

نحوه نصب کتابخانه 🔰

اول از همه باید Node.js رو سیستمون نصب باشه !

حالا با استفاده از npm کتابخانه node-telegram-bot-api رو با استفاده از دستور زیر نصب کنید 🔻

npm install node-telegram-bot-api


ساخت یک ربات ساده تلگرام 🚀

توی این مثال میخوایم یه ربات بسازیم که به دستور /start جواب میده و به کاربر خوشامد می‌گه.

1️⃣ گرفتن توکن API از BotFather
اول باید از BotFather در تلگرام توکن API خود را دریافت کنید. ( آموزش )


2️⃣ نوشتن کد ربات
بعد از دریافت توکن، می‌تونید کد ربات رو با جاوا اسکریپت بنویسید.

برای این کار یک فایل با نام bot.js ایجاد میکنیم و کد زیر رو داخلش قرار میدیم 🔻

const TelegramBot = require('node-telegram-bot-api');

// ایجاد شیء ربات با توکن
const bot = new TelegramBot('YOUR_BOT_TOKEN', { polling: true });

// پاسخ به دستور /start
bot.onText(/\/start/, (msg) => {
bot.sendMessage(msg.chat.id, 'Hey, cooly coder 😎');
});


3️⃣ اجرای ربات
برای اجرای ربات کافیه با Node.js فایلی که ساختیم رو اجرا کنیم 🔻

node bot.js


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

این ربات یک مثال خیلی ساده بود و خودتون میتونید با افزودن ویژگی‌های بیشتر مثل پاسخ به پیام‌ها یا ارسال data به API، ربات‌های خفن تری بسازید 💥

🌐 داکیومنت رسمی node-telegram-bot-api

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

#️⃣ #bot #nodejs #libarary

🚀 @coolycode
🔸 میخوام یه بازی بهتون معرفی کنم که خوراک پلی دادن با همکاراس و اگر آخر وقتی چیزی حوصلتون سر رفت میتونید باهم دیگه بازی کنید

اسم بازی Brawlhalla هستش که یه بازی مبارزه‌ای رایگانه که توش با شخصیت‌های مختلف می‌جنگی و نکته جالبش اینجاس که شخصیت های خیلی بامزه ای داره و هر کدوم فن و سلاح خاص خودشونو دارن و تا ۸ نفر میتونید باهم بازی کنید 💥

چجوری نصب میشه ؟!
یکی از نکات مثبت این بازی اینه که رایگانه و خیلی خیلی سبکه و میتونید از Steam دانلودش کنید و بازی کنید

🔗 لینک دانلود بازی

#️⃣ #game #hobby #fun

🚀 @coolycode
اگر میخوای از ChatGpt سوالات برنامه نویسی بپرسی بهتره این نکاتو بدونی، البته از زبون خود GPT

توضیح دقیق مشکل
وقتی مشکل رو به‌صورت دقیق بیان می‌کنی، کمک می‌کنه که بدونم دقیقاً کجا گیر کردی. این میتونه شامل توضیح کامل خطا، قسمت مشکل‌دار کد و یا نتیجه غیرمنتظره ای که خودت اطلاع داری در موردش باشه.


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


مشخص کردن هدف نهایی
وقتی مشخص می‌کنی که هدف نهاییت چیه، من بهتر می‌فهمم که باید چه نوع جوابی بدم تا به هدف مد نظرت برسی.


ارائه مثال کاربردی
سعی کن یه مثال واقعی از کدی که با اون کار می‌کنی یا شرایط دقیق برنامه‌ات بفرستی برام چون بهم کمک می‌کنه تا جواب مرتبط‌تری بدم.


کلام آخر 🙌
سعی کنید همیشه اول کدی که از GPT دریافت میکنید رو‌ کامل بخونید و متوجه بشید و بعد به کد های خودتون اضافش کنید چون استفاده کورکورانه از کدی که متوجه اش نشدید در آینده میتونه عواقب بدی رو به همراه داشته باشه !

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

#ChatGPT #tips
اگر میخوای از کدت اسکرین شات بگیری قطعا یکی از تمیز ترین راه ها استفاده از وبسایت ray.so هستش 🚀

🔸 این سایت از زبان های مختلفی از جمله JavaScript و Typenoscript پشتیبانی میکنه و فقط کافیه کدتون رو واردش بکنید تا با استفاده از قابلیت هایی که داره عکستونو کاستوم بکنید

حالا چرا میگم تمیزه ؟

🎨 تم های فوق‌العاده جذاب
رنگ تم هایی که داره خیلی خوب و جذابه و رنگ هاش زننده نیست، و یه قابلیت dark mode هم که گذاشته میتونید تمتون رو‌با هر رنگی که هست به مود لایت و یا دارک تغییر بدید


🔄 قابلیت Format کردن کد
یه دکمه Format Code داره که اگر فرمت کدتون بهم ریخته باشه میاد و به طور اتوماتیک ریفورمتش می‌کنه همون لحظه


🌐 اشتراک گذاری آنلاین پروژه
یه لینک کوتاه براتون میسازه تا بتونید صفحه اسکرین شات اون کدو با بقیه به اشتراک بزارید یا سیو کنید تا بعدا بتونید ازش استفاده کنید و ادیتش کنید


✂️ تعبیه دکمه background
برعکس سایت carbon که قبلا معرفی کردیم و برای حذف بک گراند نیاز بود تا خودتون opacity رو صفر کنید یه دکمه background براتون گذاشته که خیلی تمیز بک گراند عکس رو رو حذف میکنه


#️⃣ #website #tool

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
توی این ویدیو سعی کردم تا چند تا از مهم ترین نکاتی رو که میتونن به پرفورمنس شما به عنوان یک برنامه نویس خیلی کمک بکنند رو با چاشنی طنز بیان کنم، اگر دوست داشتید حتما ببینید جذابه ؛))

راستی تموم سعیمون این هست که که هر روز ویدیو های با کیفیت تری براتون بسازیم، اگر نکته ای به ذهنتون رسید حتما بهم بگید 🫰❤️

🌐 مشاهده پست

#️⃣ #NEWPost | #tips

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
This media is not supported in your browser
VIEW IN TELEGRAM
کسی نمیخواد دوست ما بشه ؟

اگر هستی بسم‌الله، پی‌وی پیام بده رفیق ؛)

#️⃣ #me

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
نکنید اینکارارو درست نیست :))😂

حالا این یه مرحله دیگه ام داره که نگفته و غولشونه، اونم ورژن بندی با فولدره 😂

اولین پروژه ای که با React زدم رو دقیقا با همین روش پیش بردم، مثلا چند روز رو پروژه کار میکردم بعد یه جا میخواستم یه تغییر بزرگ بدم یه کپی از فولدرم می‌گرفتم با کل package‌ها که فقط کپیش ۲۰ دیقه طول می‌کشید، اصلا یه چیز اسیدی بود هنوزم دارم پروژه رو رو‌ لوکال 😂


پروژمم یه چیزی بود دقیقا مثل groove music ویندوز، و کامل کار میکرد و میکنه هنوز :)))

#️⃣ #fun #programming

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
فکر کن مردی ...
حالا برای زندگی بعدیت دنیای کدوم زبان برنامه نویسی رو انتخاب میکنی ؟ :))

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

#️⃣ #question #programming

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
اگر خواستید خودتون طرح پروژتون رو با فیگما بزنید و از اونجایی که الان خیلی از shad cn استفاده‌ میشه ( بخاطر ویژگی هایی که داره ) میتونید از این پروژه در فیگما استفاده بکنید که همه کامپوننت های shad cn رو از قبل تو فیگما آماده کرده با جزئیات کامل و کارتون رو خیلی سریع تر میکنه 🚀

🌐 مشاهده پروژه در فیگما

راستی این پروژه توی توسط سایت رسمی shad cn  معرفی شده 🔻

🔗 https://ui.shadcn.com/docs/figma

آپدیت :
رفقا از این لینک جدیدی که میزارم استفاده کنید، پروژه رسمی که خود سایت shad cn گذاشته بود خیلی کامل نبود برای همین یه مورد بهتر پیدا کردم 🔻
https://www.figma.com/community/file/1342715840824755935/shadcn-ui-components-updated-july-24


#️⃣ #figma #uiux #shadcn

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
اگر برنامه نویسی به زودی قراره چشمات به فنا بره اگر به این توصیه هایی که بهت میگم عمل نکنی :)

👀 استفاده از قطره اشک مصنوعی

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

به همین دلیل سعی کنید روزی حداقل ➍ مرتبه ازش استفاده کنید


استراحت دادن به چشم

هر 20 دقیقه یک بار پنج دقیقه دست از کار بکشید و 3 الی 5 دقیقه به چشمای خودتون استراحت بدید

حالا به چه شکلی ؟

➊ برید لب پنجره یا جایی که نور طبیعی وجود داره و به دور نگاه کنید، وقتی اینکارو انجام میدید چشماتون یه حالتی میشه و خودتون متوجه تغییر میشید

➋ چشم خودتون رو ببندید و با چپ، راست، بالا و پایین کردن چشمتون بهش ورزش بدید، این کار باعث تقویت عضله های چشم میشه

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


و در نهایت مراقب چشماتون باشید چون یه عمر قراره باهاشون زندگی کنید و سلامتش رو در اولویت قرار بدید ❤️

#️⃣ #tips #programming

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
💻 #مسابقه 🎮

فکر کن بهت این اجازه رو دادن که با هر زبان، فریم‌ورک و لایبرری که میخوای خونه خودت رو بسازی 🏠

استفاده از هر زبان و یا فریم‌ورکی آزاده توی هر حوزه ای ؛)

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

توضیح در مورد جذئیات و دلیل ترکیبی که چیدید هم امتیاز مثبت داره


بین بهترین جواب ها رای گیری میزارم ببینم خونه کی درست حسابی تره 😎🔥

#️⃣ #question #fun

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
بالاخره Next.js ورژن 15 رسما معرفی شد و به صورت stable در دسترس قرار گرفت 😍🔥

طبق دیتایی که وجود داره ۱۴ مورد جدید بهش اضافه شده که کامل توضیح داده در مورد هرکدومشون که میتونید به طور‌ کامل توی بلاگ رسمی Next 15 بخونید

🌐 https://nextjs.org/15


اینم پست جدید vercel در صفحه رسمی لینکدینشون هستش درباره Next 15 🔻

https://www.linkedin.com/posts/vercel_nextjs-15-activity-7254219704683122688-i-Qn


#️⃣ #news #nextjs

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
This media is not supported in your browser
VIEW IN TELEGRAM
خیلی لذت بردم از دیدن این ویدیو ❤️‍🔥

این آقا پسر ۱۰ سالشه و واقعا از ته دلم خوشحال شدم وقتی دیدم انقدر از کارش داره لذت میبره و وقتی ذوق کرد چهره خودم اومد جلوی چشمم، ۱۱ سالم که بود با HTML|CSS کار میکردم و وقتی کدام درست کار میکرد کلی ذوق میکردم و حس قدرت بهم دست میداد

و باید یه دمت گرمم به پدر و مادرش مخصوصا مادر عزیزش، که این ویدیو رو تهیه کرده بگیم که پشتیبان پسرشون هستن، دستخوش ❤️

مشاهده ویدیو از پیج خودشون 🔻

https://www.instagram.com/reel/DA8vGQ0IO5n


راستی جادی هم زیر پستشون کامنت گذاشته ؛)

#️⃣ #programming

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
This media is not supported in your browser
VIEW IN TELEGRAM
متوجه شدید دیگه فرمایشات استاد رو ؟ یعنی عمیق یادگیری داره :))

ولی خدایی یکی اینو بگیره، گیر داده به حوزه های مربوط به کامپیوتر ولم نمیکنه 😂

#️⃣ #fun #DL

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
سوژه جدید : لینوکس :)

ولی لینوکس حرمت داشت این چه کاریه آخه، به شخصه پیشنهاد میکنم همچین دلقکایی رو دیدی همزمان هم فرار کنید هم ریپورت
💎 معماری MVC چیست ؟ 💎

معماری MVC یا مدل-ویو-کنترلر درواقع یک معماری برنامه نویسی که نرم افزار شما رو به سه بخش مستقل تقسیم می‌کنه که به وضوح تفکیک وظایف و مدیریت بهتر کدها کمک می‌کنه

هر کدوم از این بخش ها چی هستند ؟ 🚀

🗂️ Model (مدل)

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

خلاصش اینه که Model مدیریت و تعامل با دیتابیس رو بر عهده داره.


🖥️ View (ویو)

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

ویو معمولاً شامل قالب‌های HTML یا موتورهای قالب‌سازی مثل EJS یا Pug هستش که بهمون کمک میکنن دیتامون رو به صورت داینامیک نشون بدیم.

🎮 Controller (کنترلر)

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

مزایای استفاده از MVC چیه ؟

🛠️ تفکیک مسئولیت‌ها : هر بخش مسئولیت مشخصی داره و مدیریت کدها ساده تر میشه.

قابلیت نگهداری بهتر : همه تغییرات تو یک بخش و بدون تاثیر در بخش‌های دیگه انجام میشه.

📈 مقیاس‌پذیری : پروژه‌ها با ساختار MVC به سادگی مقیاس‌پذیرن.

اینم یه نمونه کاربردی از استراکچر mvc 🔻

mvc_project/
├── models/
│   └── userModel.js
├── views/
│   ├── users.ejs
│   ├── userDetail.ejs
│   └── error.ejs
├── controllers/
│   └── userController.js
├── routes/
│   └── userRoutes.js
├── public/
│   └── css/
│       └── style.css
├── server.js
└── app.js


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

#️⃣ #WhtsThat #MVC #structure

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
امروز آموزش برنامه نویسی نداریم و فقط همین یه نکته رو از من داشته باشید کافیه 🔻

وقت طلاست !💎

اینو اکثرمون یه جایی تو زندگیمون با عمق وجودمون درک کردیم، پس یادتون باشه همیشه وقت طلاست !

هر لحظه ای که به بطالت نگذرونی مثل این میمونه که طلای بیشتری استخراج کردی
COOLYCODE

#️⃣ #golden_sentence

🚀 @coolycode
This media is not supported in your browser
VIEW IN TELEGRAM
آخرش صدا رو کم کنید :))

این ویدیو جهت فان بود عزیزان ولی خب قابل توجه دوستانی که در مورد همه چیز اظهار نظر میکنند، در صورتی که هیچ اطلاعات درستی ندارند 🙌

💎 بیاید از این موراد درس بگیریم چون گاهی وقتا خودمون هم تو بعضی حوزه‌ها مثل کامپیوتر، بدون اینکه اطلاعات کافی داشته باشیم نظر می‌دیم

اشکالی نداره که نظرمون رو بیان کنیم، ولی بهتره قبلش یه کم تحقیق کنیم یا از کسایی که تخصص دارن بپرسیم 🚀

هر کاری تخصص و تجربه خودش رو می‌خواد، بیاید با احترام به دانش و تخصص، نظراتمون رو آگاهانه‌تر و درست‌تر بیان کنیم. اینجوری خودمون هم بیشتر یاد می‌گیریم ❤️

#️⃣ #fun #golden_sentence

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
🔸 شرکت 𝗝𝗘𝗧𝗕𝗥𝗔𝗜𝗡 طی یک عملیات انتحاری اقدام به رایگان کردن IDE قدرتمند WebStorm و Rider برای استفاده های غیر تجاری کرده و میتونید این دو IDE جذاب رو به صورت رایگان استفاده بکنید.

اگر از قبل WebStorm رو نمیشناسید ...

باید بگم که Webstorm یک IDE قدرت مند برای توسعه برنامه های تحت وب هستش، که یکی از بهترین گزینه های برای دولوپ پروژه های سنگین به شمار میره

اصلا IDE چی هست ؟ 🚀

کلمه IDE یا به اختصار Integrated Development Environment یعنی محیط توسعه یکپارچه، درواقع نرم‌افزاریه که مجموعه‌ای از ابزارهای مورد نیاز برای توسعه نرم‌افزار رو در یک محیط یکپارچه فراهم می‌کنه براتون

چرا پس VSCode یک IDE به شمار نمیره ؟ ⁉️🤔

به این دلیل که به طور پیش‌فرض تمامی ابزارهای لازم مثل کامپایلر، دیباگر و ... رو به صورت یکپارچه نداره و در اصل، VSCode یک ویرایشگر متن توسعه‌یافته است که می‌تونه با نصب افزونه‌های جانبی، اون رو به یک محیط توسعه نزدیک به IDE تبدیل کنه.

🌐 Download For Free

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

#️⃣ #IDE #WebStorm

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
یه عمر زحمت بکش برنامه نویس شو آخرش مادرت اینجوری از خجالتت در بیاد

ولی خدایی خیلی بامزه بود خوشم اومد 😂

🗺️ ترجمه

#️⃣ #fun

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
یه عمر زحمت بکش برنامه نویس شو آخرش مادرت اینجوری از خجالتت در بیاد ولی خدایی خیلی بامزه بود خوشم اومد 😂 🗺️ ترجمه #️⃣ #fun 🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
مثل اینکه ترجمه درخواست شد ؛))

می‌گه مادرم امروز نگاهی به کد من انداخت و گفت :

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

اون واقعاً میتونه یک ریویو کننده عالی باشه :+)