NextPro | برنامه نویسی
229 subscribers
88 photos
14 videos
2 files
112 links
Next Pro Official Community Channel
Download Telegram
🚀 تغییر تم در Next.js؟!
با پکیج next-theme می‌تونی به راحتی تم‌های تاریک و روشن رو مدیریت کنی و تجربه کاربری بهتری بسازی! 🌙✨

💡 ویژگی‌ها:
- تغییر تم به راحتی!
- پشتیبانی از persisting (تم انتخابی همیشه می‌مونه)
- تنظیمات ساده و کاربردی


برای مشاهده داکیومنت و نحوه استفاده بیشتر، به داکیومنت next-theme مراجعه کن.
👌 اگر می‌خوای وب‌سایتت جذاب‌تر بشه، همین حالا امتحان کن!

#Nextjs #WebDevelopment #DarkMode #LightMode #React #FrontendDev #WebDesign

@NextPro_Ch
🔥1
🔄 "اثر تقدم و تاخر": چطور ترتیب ارائه اطلاعات، مشتری رو عوض می‌کنه؟

🔹 تئوری از کجا اومد؟
تحقیقات هرمان ابینگهاوس در حافظه شناختی:

مردم اولین و آخرین چیزهایی که می‌شنون رو بهتر یادشون میمونه!

🔹 چطور توی ارائه محصول استفاده کنیم؟
✅ شروع قدرتمند:
"یه CMS که تا آخر عمرت از منشی بی نیازت می‌کنه "

✅ پایان به یاد موندنی:
"اگر الان سفارش بدید، ۳ ماه پشتیبانی بیشتر دریافت میکنید !"

🔥 نتیجه:
مغز مشتری شروع و پایان رو بیشتر به خاطر میسپاره!

#تبلیغ_نویسی#روانشناسی#فروش_حرفه‌ای
🎯@NextPro_Ch
👍4
بهشتی بی ادعا 🧑‍💻(next.js)

#fun
@NextPro_Ch
👍2
ما به چه شکل میتونیم مدیریت حرفه‌ای وظایف زمان‌بندی شده در NestJS رو انجام بدیم ؟

فرض کنین عملیات‌های زمان‌بندی شده مثل ارسال ایمیل‌های خودکار یا پاکسازی دیتابیس رو میخوایم تو یک ساعت خاص هر روز انجام بدیم‌.
اینجاس که @nestjs/schedule به دادمون میرسه ! این ماژول رسمی NestJS کار با وظایف زمان بندی شده ( CronJobs) رو خیلی راحت می‌کنه.

چرا @nestjs/schedule؟

• نصب و راه اندازیش آسونه: تو کمتر از ۵ دقیقه آماده به کار!

• پشتیبانی از انواع زمان‌بندی: کرون، اینتروال و تایم‌اوت

• یکپارچگی کامل با NestJS: استفاده از دکوریتورهای آشنا

• مدیریت متمرکز : همه جاب هارو در یک جای مشخص مدیریت میکنه( یک سرویس)

نصب سریع:
npm install @nestjs/schedule


مثال کاربردی که هرروز ساعت ۱۲ یک کار رو انجام میده :
import { Injectable } from '@nestjs/common';
import { Cron, CronExpression } from '@nestjs/schedule';

@Injectable()
export class TasksService {
@Cron(CronExpression.EVERY_DAY_AT_MIDNIGHT)
handleDailyCleanup() {
console.log('Running daily database cleanup...');
}
}


چرا ضروریه؟
• خودکارسازی کارهای تکراری
• افزایش قابلیت اطمینان سیستم
• صرفه‌جویی در زمان توسعه


#NestJS #CronJobs

@NextPro_Ch 🚀
👍2👏1
چرا مدیریت زمان (Time Management) اینقدر اهمیتش بالاس؟

برنامه‌نویسی فقط کدنویسی نیست، بازی با زمانه! هرچقدر هم حرفه‌ایباشی، بدون مدیریت زمان، هیچکس بهت پروژه نمیسپاره چون همیشه دیرتر از ددلاینت پروژه رو تحویل میدی !


۳ تکنیک طلایی برای قوی کردن این مهارت :
• تکنیک پومودورو: ۲۵ دقیقه کار متمرکز + ۵ دقیقه استراحت

• قانون ۸۰/۲۰: ۲۰٪ از کارها ۸۰٪ نتایج رو می‌سازن، اولویت‌بندی کنید

و نکته آخر: استفاده از برنامه هایی مثل Notion میتونه کمک زیادی به مدیریت در کار و زندگی خودتون بکنه.

#مدیریت_زمان

@NextPro_Ch 🚀
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
مدیر شرکت : ما مثل خانواده ایم و هیچکس خانوادشو ترک نمیکنه

همچنان من وفتی شرکت بهتر بهم پیشنهاد میده : 😂

#fun

@NextPro_Ch 🚀
🤣5
مدیریت تاریخ‌ها با Temporal API در جاوااسکریپت
📅 مثال کاربردی:
const persianDate = Temporal.PlainDate.from({year: 1403, month: 4, day: 30});
console.log(persianDate.toString()); // "1403-04-30"

✅ حل تمام مشکلات شیء Date قدیمی
✅ پشتیبانی کامل از تقویم‌های مختلف
✅ کار با timezone به سادگی آب خوردن

"دیگه نیازی به کتابخانه‌های تاریخ نیست!"
#جاوااسکریپت #توسعه_وب
🎯 @NextPro_Ch
👍2
📈 "قانون ۱%": چطور با کمترین تلاش، بیشترین فروش رو داشته باشیم؟

🔹 تئوری از کجا اومد؟
تحقیقات نیل پاتل روی ۱۰۰۰ کسب‌وکار:
فقط ۱% مشتریان حاضرن پول بیشتری بدن برای ارزش اضافه!

🔹 چطور استفاده کنیم؟
✅ پکیج‌های VIP:

۹۹% محصولات معمولی + ۱% فوق‌حرفه‌ای با قیمت بالا

مثال: "مشاوره عادی ۵۰۰، مشاوره VIP با تحلیل رقبا ۵,۰۰۰"

🔥 نتیجه:
همین ۱% سود شما رو ۲ برابر می‌کنه!

#استراتژی_فروش#کسب_وکار#مدیریت_درآمد
🎯@NextPro_Ch
هر دولپری حداقل یک بار اینکارو کرده 🥲😁

#fun
@NextPro_Ch
😁11👍2
داده‌های تغییرناپذیر با Record و Tuple
🔒 مثال کاربردی:

const config = #{
apiUrl: "https://example.com", timeout: 5000
};

🔹 جلوگیری از تغییرات ناخواسته داده‌ها
🔹 عملکرد فوق‌العاده در پردازش‌های سنگین
🔹 مناسب برای مدیریت استیت

"امنیت داده‌ها رو جدی بگیرید!"
#جاوااسکریپت #توسعه_نرم‌افزار
👍4
📊 "اثر لنگر انداختن" در قیمت‌گذاری: چطور ذهن مشتری رو هک کنیم؟

🔹 تئوری از کجا اومد؟
برگرفته از تحقیقات دنیل کانمن (برنده نوبل اقتصاد) که ثابت کرد اولین عددی که می‌شنویم، ذهنمون رو برای قضاوت بعدی تنظیم می‌کنه.

🔹 چطور توی کسب‌وکار استفاده کنیم؟
✅ قیمت‌گذاری مقایسه‌ای:

همیشه یه گزینه پریمیوم گرون‌تر بذارین (حتی اگه کسی نخره!)

مثال: "پکیج نقره‌ای ۲۹۰، طلایی ۴۹۰، الماسی ۹۹۰ (پرفروش‌ترین)"

✅ تکنیک تخفیف:
اول قیمت اصلی رو بگو بعد تخفیف رو: "۱,۹۹۰,۰۰۰ → با تخفیف ۹۹۰,۰۰۰"

🔥 نتیجه:
مشتری قیمت ۹۹۰ رو "ارزان" می‌بیننه، چون اول ۱,۹۹۰ رو دیده!

#مارکتینگ_روانشناسی#قیمت_گذاری#نوبل_اقتصاد

🎯@NextPro_Ch
👍3
حقیقتی تلخ اما شیرین 🧑‍💻🌚

#fun
@NextPro_Ch
👍14
📥 پکیج vue-drawing-canvas 📝

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

🖥نصب:
npm install vue-drawing-canvas


📱 نحوه استفاده:
<template>
<VueDrawingCanvas
:width="400"
:height="300"
:strokeColor="'#000000'"
/>
</template>

<script>
import VueDrawingCanvas from 'vue-drawing-canvas';
export default {
components: { VueDrawingCanvas }
};
</script>


این کد یک بوم 400x300 پیکسل با قلم مشکی ایجاد می‌کند. کار با این پکیج برای مبتدیان هم راحت است و به پروژه شما جلوه‌ای تعاملی می‌دهد! 🎨

#VueJS #Frontend #WebDevelopment #DrawingCanvas

@NextPro_Ch 🚀
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3❤1
👨‍💻 دوستان من الان یک محتوا راجع موضوعی که همیشه تو بازار کار ایران می‌بینم و خیلی زیاد به من و تخصص و شعورم برمی‌خوره, یعنی: «حقوق وزرات کار» پیدا کردم, به شما هم توصیه می‌کنم که حتما تماشاش کنید تا توی این موضوع سرتون کلاه نره و تکلیفمون مشخص بشه.

📱 تماشا از طریق یوتوب

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤3
NextPro | برنامه نویسی pinned «📊 "اثر لنگر انداختن" در قیمت‌گذاری: چطور ذهن مشتری رو هک کنیم؟ 🔹 تئوری از کجا اومد؟ برگرفته از تحقیقات دنیل کانمن (برنده نوبل اقتصاد) که ثابت کرد اولین عددی که می‌شنویم، ذهنمون رو برای قضاوت بعدی تنظیم می‌کنه. 🔹 چطور توی کسب‌وکار استفاده کنیم؟ ✅ قیمت‌گذاری…»
بهینه‌سازی رندر با v-memo در Vuejs

⚡ مثال عملی:
<template>  <div v-memo="[user.id]">
{{ user.name }} </div>
</template>

🟢 حذف رندرهای غیرضروری
🟢 بهبود عملکرد در کامپوننت‌های پیچیده
🟢 سینتکس ساده و قابل فهم

"رندر هوشمند، تجربه کاربری بهتر"

#ویو‌جی‌اس #فرانت‌اند

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
💼 چطوری کارفرمای دائمی پیدا کنی؟

🔹 راهکارهای عملی:
✅ بعد از تحویل پروژه، پیگیری کن: "نیاز به آپدیت دارین؟"
✅ محتوای رایگان براش بفرست: "این مقاله رو دیدم، به درد شما میخوره!"
✅ پیشنهاد بلندمدت بده: "میتونم ماهانه X ساعت در اختیارتون باشم"

🔥 جمله طلایی:"یک کارفرمای دائمی = ۱۰ پروژه تک‌باره از نظر درآمد و آرامش!"

#فریلنسری#مشتری_دائمی#درآمد_پایدار

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
👌3👍1
‏با دوستی صحبت میکردم، تشتکم پرید.
فهمیدم در پتروشیمی حقوق مشاغل غیر تخصصی مثل نگهبان، راننده، انباردار، حدود 80 تا 90 ملیونه!

حالا دیباگ کن حمال، واسه ماهی چل پنجا تومن کد بزن. آفرین بدبخت.

✍️ Sadegh


#توییت #برنامه_نویسی

🚀 @NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
😁5👍2
حس گودرتی که میده 🕊️🌚

#fun
@NextPro_Ch
😁7
تو این پست میخوایم راجب SOLID صحبت کنیم. اصلا اصول SOLID چی هست؟

اصول سالید شامل ۵ اصله که کمک میکنه کد های بک اندتون رو انعطاف پذیر تر و استاندارد تر توسعه بدین ! الان میخوایم راجب اصل اولش صحبت کنیم

• اصل تک‌وظیفگی(SRP) : 
هر کلاس یا تابع فقط باید یک دلیل برای تغییر داشته باشه. یعنی چی ؟
• اگر یه کلاس یا تابعداره داده رو پردازش می‌کنه، نباید همون کلاس مسئول ذخیره‌سازی هم باشه! 

مثال ساده برای فهم بهتر میزنم
فرض کن یه کلاس User داریم و میخوایم عمل ارسال ایمیل و پردازش داده رو برای این مورد انجام بدیم.

class User {
     constructor( private name){}
}
class UserDB {
    public  save( user) { //logic }
}   

class EmailService {
    public send(user) { //logic }
}

حالا هر کلاس یک وظیفه داره و تغییرات آینده رو راحت‌تر می‌تونیم مدیریت کنیم! 

#SOLID #SRP

@NextPro_Ch 🚀 
👍3