راستی نکته جالبی که وجود داره اینه که میتونی کدت رو سیو کنی و با لینکی که بهت میده با بقیه به اشتراک بزاری 💥

#️⃣ #website #tailwind #css

🚀 @coolycode

#️⃣ #NEWPost

🚀 @coolycode

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

npm install node-telegram-bot-api

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

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

برای این کار یک فایل با نام 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 😎');
});

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

node bot.js

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

#️⃣ #bot #nodejs #libarary

🚀 @coolycode

#️⃣ #game #hobby #fun

🚀 @coolycode

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

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

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

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

#ChatGPT #tips

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

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

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

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

#️⃣ #website #tool

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

#️⃣ #NEWPost | #tips

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

#️⃣ #me

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

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

#️⃣ #fun #programming

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

#️⃣ #question #programming

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

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

https://www.figma.com/community/file/1342715840824755935/shadcn-ui-components-updated-july-24

#️⃣ #figma #uiux #shadcn

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

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

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

#️⃣ #tips #programming

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

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

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

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

#️⃣ #question #fun

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

🌐 https://nextjs.org/15

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

#️⃣ #news #nextjs

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

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

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

#️⃣ #programming

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

#️⃣ #fun #DL

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

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

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

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

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

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