Bootstrap یا Tailwind؟ کدوم رو یاد بگیریم؟

این یکی از پرتکرارترین سؤالهای برنامه‌نویس‌هاست.

هر دو فریم‌ورک عالی هستند، اما اگر امروز بخواهید از صفر شروع کنید، پیشنهاد من و همه Tailwind CSS است. 🚀

✅ کدهای تمیزتر و قابل شخصی‌سازی‌تر
✅ سرعت توسعه بالاتر
✅ هماهنگی فوق‌العاده با React و Next.js
✅ استفاده گسترده در پروژه‌های مدرن و بازار کار
البته Bootstrap هم هنوز قدرتمند است و در بسیاری از پروژه‌های قدیمی و سازمانی استفاده می‌شود، اما برای پروژه‌های جدید، بیشتر توسعه‌دهنده‌ها به سمت Tailwind رفته‌اند.

📚 بهترین راه یادگیری Tailwind هم، مستندات رسمی خودش است:
https://tailwindcss.com/docs
هم ساده است، هم کامل و همیشه به‌روز و هم روون 🔥

✦ 💻 @programming_codiing

دارم روی یه پروژه واقعی کار می‌کنم که فروشگاهیه، کاملاً هم تکمیله و با Next.js می‌زنمش.
از فردا می‌خوام چیزایی که یاد گرفتم و تو این پروژه به کمکم اومدن رو معرفی کنم. چیزایی که سرعت کارمو چند برابر کردن.
یکی از مهم‌ترین‌هاش رو الان بگم: پرامپت‌نویسی.
پرامپت‌نویسی یعنی چی؟
شاید خیلی‌هاتون درکتون از پرامپت‌نویسی ساخت تصویر باشه، که اصلاً اینجور نیست.
پرامپت‌نویسی یعنی به زبان ساده و دقیق به هوش مصنوعی بگی چی می‌خوای، چطور باشه، دقیقاً چجوری باشه.
چرا پرامپت‌نویسی رو تقویت کنیم؟
چون بعضی از استایل‌هایی که گیر می‌کنم توشون رو، با توضیح دقیق و فهموندن به هوش مصنوعی، بهترین نتیجه رو می‌گیرم.
کد گرفتن از AI بد نیست؟
باید بگم که توی هین یاد گیری اگه ازش کدبگیری بد نیست بلکه بد تر از بد هست. اگه کل پروژه رو باهاش بزنی، خیلی هم بده.
ولی برای پروژه‌های کاری، می‌تونه سرعتت رو بیشتر کنه، اگه ازش به عنوان کمک‌دست استفاده کنی، نه به عنوان جای خودت.

✦ 💻 @programming_codiing

خب
کنار پرامپت نویسی باید خلاقیت داشته باشی
اصلا لازمه پرامپت نویسی خلاقیت هست یعنی اینکه از اون چیزی که توی ذهنت تجسم می کنی و توی ذهنت خلق می کنی رو باید به متن تبدیل کنی تا بدی به ai که خروجی بهتری بگیری
پس خلاقیت خودتون رو باید به کار بگیرید .

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

خب این شد توصیف یه هدر که خودتون اینو می خواستین و الان هم به بهترین نتیجه به اون رسیدین ، اگه توی ذهنتون اینو خلق کنید حتی توی کد زدن هم بهترین نتیجه رو می گیرید .

✦ 💻 @programming_codiing

اشکال svg حرفه‌ای طراحی کن 🌪

قراره با یک ابزار کاربردی برای طراحی اشکال SVG منحصر به فرد آشنا بشیم. با استفاده از این سایت، شما می‌تونید پیچیدگی، رنگ و کنتراست اشکال رو تنظیم و به‌ سرعت اکسپورت بگیرید و در نهایت، به پروژه هاتون با استفاده از این اشکال رنگ و لعاب بدید.

🔗 Website

#svg
✦ 💻 @programming_codiing

#معرفی_سایت 📌

برای جذاب‌تر کردن پروفایل گیت‌هابتون می‌تونید از سایت gprm.itsvg استفاده کنید.

این سایت یه سری اطلاعات ساده ازتون می‌گیره و خروجی کد بهتون میده که می‌تونید اون کد رو توی فایل readme گیت‌هابتون بذارید. 💻

آدرس سایت: gprm.itsvg.in 🔗

نکته : ظاهر گیتهاب ت خیلی مهم نیست، خیلی مهم اون چیزایی هست که توی گیتهاب ت گذاشتی 🩵

✦ 💻 @programming_codiing

🔅 مراحل برنامه نویس شدن

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

تو این ویدیو مرحله ‌به ‌مرحله می‌بینیم یه برنامه‌نویس ایرانی از لول کپی ‌پیستر، جونیور، میدلول و سنیور می‌گذره تا در نهایت تبدیل به CEO و بنیان ‌گذار استارتاپ خودش بشه

مرحله 1: کپی پیستر
مرحله 2: جونیور
مرحله 3: میدلول
مرحله 4: سنیور
مرحله 5: فاوندر

✦ 💻 @programming_codiing

کم حجم ش. اولاش کلا منو می گه که 😂
توضیح بیشتری لازم نیست ، کسی که بخواد می بینه برای خودش ❤️

اگه مفید بود لطفا فوروارد کنید تا چنلمون بالاتر بره.

🚀 دیگه لازم نیست دنبال پرامپت بگردی 🔥
توی این سایت به هزاران پرامپت خفن و به روز دسترسی داری که میتونی با یک کلیک کپی و استفاده کنی.

🌐 آدرس سایت:
https://www.meigen.ai/

لذت ببرید❤️

✦ 💻 @programming_codiing

وضعیت وی‌پی‌ان فروشا و کنکوریا و کارمندای نت بلاکس:

✦ 💻 @programming_codiing

«بازنویسی کد: نشانه بلوغ برنامه‌نویس»
بازنویسی کد یعنی:
- امروز بهتر از دیروزی
- امروز بیشتر می‌فهمی
- امروز می‌تونی نسخه بهینه‌تری بسازی
هیچ‌کس از اول بهترین کد رو نمی‌نویسه.
کد خوب نتیجه تجربه‌ست، نه نتیجه شانس.
وقتی کد رو بازنویسی می‌کنی:
- ساختار پروژه تمیزتر میشه
- وابستگی‌ها منطقی‌تر می‌شن
- سرعت و عملکرد بهتر میشه
- نگهداری راحت‌تر میشه
بازنویسی کد ضعف نیست؛
نشانه حرفه‌ای بودنه.

✦ 💻 @programming_codiing

✅ پاسخ صحیح:
"[object Object]"

چرا این خروجی رو می‌بینیم؟ 🤔

وقتی از عملگر "+" بین یک آرایه و یک آبجکت استفاده می‌کنیم، جاوااسکریپت نمی‌تواند آن‌ها را مثل عدد با هم جمع کند. بنابراین قبل از انجام عملیات، هر دو را به رشته (String) تبدیل می‌کند.

- آرایه خالی ("[]") بعد از تبدیل به رشته، به یک رشته خالی ("""") تبدیل می‌شود.

- آبجکت ("{}") هم به صورت پیش‌فرض به رشته ""[object Object]"" تبدیل می‌شود.

حالا جاوااسکریپت این دو رشته را کنار هم قرار می‌دهد:

"" + "[object Object]"

و در نهایت خروجی می‌شود:

"[object Object]"

💡 پس در واقع آرایه با آبجکت جمع نشده است؛ جاوااسکریپت ابتدا هر دو را به رشته تبدیل کرده و سپس آن‌ها را به هم چسبانده است. این رفتار به خاطر Type Coercion (تبدیل خودکار نوع داده) در جاوااسکریپت است.

✦ 💻 @programming_codiing

دائم دنبال api هستی و پیدا نمیکنی؟ 🕷

توی این پست ۲ api مارکت خاص بهتون معرفی میکنم که واسه هر چیزی که فکر کنید، api دارن. از دیجی کالا و آشپزی و ... بگیر تا هوش مصنوعی !!

طبق معمول باید فیلتر بزنی

▫️https://apieco.ir/

▫️https://one-api.ir/

✦ 💻 @programming_codiing

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

... شاید براتون سوال شده باشه که چرا Next.js و چرا React نه؟

## دلایل اصلی:

### ۱. سئو (SEO) 🔍
React محتوا رو در مرورگر رندر میکنه (Client Side) و گوگل محتوای اون رو به خوبی نمیبینه. اما Next.js در سرور رندر میشه (SSR) و سئوی عالی داره.

### ۲. سرعت 🚀
React کندتره چون کل کد باید دانلود بشه تا صفحه نمایش داده بشه. Next.js محتوا رو از قبل آماده میکنه و سریع‌تر نشون میده.

### ۳. روتینگ 🧭
در React باید کلی کد برای مسیریابی بنویسی. اما Next.js خودش بر اساس اسم فایل‌ها مسیر میسازه.

### ۴. API داخلی 🌐
React نیاز به سرور جداگانه داره. اما Next.js خودش API داره که بهش API Routes میگن.

### ۵. بهینه‌سازی خودکار ⚡️
Next.js خودش تصاویر رو بهینه میکنه، کد رو تقسیم میکنه و بسیاری کارهای دیگه رو به صورت خودکار انجام میده.

آیا React دیگه استفاده نمیشه؟
چرا استفاده میشه! React هنوز برای پروژه‌های کوچیک و اپلیکیشن‌های داخلی (مثل پنل‌های مدیریت) عالیه. اما برای پروژه‌های بزرگ و فروشگاهی که سئو و سرعت اهمیت داره، Next.js انتخاب بهتری‌ست.

برای مثال، بعضی از سایتها رو دیدین که سایت اصلی رو با Next.js زدن، اما پنل کاربری و بخش‌های داخلی رو با React و به صورت SPA (Single Page Application) ساده‌تر پیاده‌سازی کردن.

✦ 💻 @programming_codiing

امروز یه پست خوب رو براتون میارم ❤️

درگیر پروژه و.. این چیزام ولی پست فراموش نمی شه🙃

🔐 چطور روی یه فولدر رمز بذاریم؟

خیلی وقتا یه سری فایل یا پروژه داریم که مثلا وقتی می خواییم لپتاپمون رو ببریم جایی دوست نداریم هر کسی بهشون دسترسی داشته باشه. برای همین بهترین کار اینه که روی فولدرمون رمز بذاریم.

یکی از راحت‌ترین راه‌ها اینه که فولدر رو به فایل ZIP یا RAR تبدیل کنید و براش پسورد بذارید.

مراحل کار:

1. روی فولدر مورد نظرتون راست‌کلیک کنید.
2. اگه WinRAR یا 7-Zip نصب دارید، گزینه Add to archive... رو بزنید.
3. وارد بخش Set Password یا Encryption بشید.
4. یه رمز قوی وارد کنید.
5. روی OK بزنید و فایل رو بسازید.

از این به بعد هر کسی بخواد فایل رو باز یا استخراج کنه، باید رمز رو وارد کنه. 🔒

💡 نکته:
اگر رمز رو فراموش کنید، معمولاً راه ساده‌ای برای بازیابی فایل وجود نداره؛ پس حتماً یه رمز قابل یادآوری انتخاب کنید.

✦ 💻 @programming_codiing

یه رودمپ کامل هم برای کسایی که می‌خوان وارد بک‌اند با Node.js بشن براتون نوشتم.

1 - HTML
2 - Git - GitHub
3 - JavaScript
4 - TypeScript
5 - Node.js
6 - npm
7 - Express.js
8 - REST API
9 - Database

Prisma یا Mongoose
MongoDB 10 -PostgreSQL یا MySQL
11 - Authentication

JWT
Cookies 12 - Validation 13 - File Upload 14 - WebSocket (Socket.io) 15 - Redis 16 - Testing (Jest)

و خیلی چیزهای مهم دیگه هم هست که ریزترن و اینجا نیاوردم؛ مثل Logging، Caching، Design Patternها، Clean Architecture، Microservices و... که توی دوره‌های کامل بهشون پرداخته می‌شه. ❤️‍🔥

اگه چیزی کم هست یا اشتباهه بهم بگید.

✦ 💻 @programming_codiing

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

✦ 💻 @programming_codiing

لازم نیست ساعت‌ها گوگل کنی برای پیدا کردن APIهای رایگان!

https://github.com/public-apis/public-apis

لیست کاملاً مرتب‌شده و به‌روز از صدها API عمومی و رایگان در همه حوزه‌ها:

Weather - Finance - Music - Animals - Jokes - Crypto - Maps - و صدها مورد دیگه.

✦ 💻 @programming_codiing

پروف و اسم کانال رو تغییر دادم گمم نکنین 😂❤️
خوشتون میاد ازش یا نه ؟

صرفا تغییر اسم و پروف هست و در فعالیت هیچ تغییری قرار نیست داشته باشیم و فعالیتمون روز به روز بهتر خواهد شد.🩵