🚀 تغییر تم در Next.js؟!
با پکیج next-theme میتونی به راحتی تمهای تاریک و روشن رو مدیریت کنی و تجربه کاربری بهتری بسازی! 🌙✨
💡 ویژگیها:
- تغییر تم به راحتی!
- پشتیبانی از persisting (تم انتخابی همیشه میمونه)
- تنظیمات ساده و کاربردی
برای مشاهده داکیومنت و نحوه استفاده بیشتر، به داکیومنت next-theme مراجعه کن.
👌 اگر میخوای وبسایتت جذابتر بشه، همین حالا امتحان کن!
#Nextjs #WebDevelopment #DarkMode #LightMode #React #FrontendDev #WebDesign
@NextPro_Ch
با پکیج next-theme میتونی به راحتی تمهای تاریک و روشن رو مدیریت کنی و تجربه کاربری بهتری بسازی! 🌙✨
💡 ویژگیها:
- تغییر تم به راحتی!
- پشتیبانی از persisting (تم انتخابی همیشه میمونه)
- تنظیمات ساده و کاربردی
برای مشاهده داکیومنت و نحوه استفاده بیشتر، به داکیومنت next-theme مراجعه کن.
👌 اگر میخوای وبسایتت جذابتر بشه، همین حالا امتحان کن!
#Nextjs #WebDevelopment #DarkMode #LightMode #React #FrontendDev #WebDesign
@NextPro_Ch
🔥1
🔄 "اثر تقدم و تاخر": چطور ترتیب ارائه اطلاعات، مشتری رو عوض میکنه؟
🔹 تئوری از کجا اومد؟
تحقیقات هرمان ابینگهاوس در حافظه شناختی:
مردم اولین و آخرین چیزهایی که میشنون رو بهتر یادشون میمونه!
🔹 چطور توی ارائه محصول استفاده کنیم؟
✅ شروع قدرتمند:
"یه CMS که تا آخر عمرت از منشی بی نیازت میکنه "
✅ پایان به یاد موندنی:
"اگر الان سفارش بدید، ۳ ماه پشتیبانی بیشتر دریافت میکنید !"
🔥 نتیجه:
مغز مشتری شروع و پایان رو بیشتر به خاطر میسپاره!
#تبلیغ_نویسی#روانشناسی#فروش_حرفهای
🎯@NextPro_Ch
🔹 تئوری از کجا اومد؟
تحقیقات هرمان ابینگهاوس در حافظه شناختی:
مردم اولین و آخرین چیزهایی که میشنون رو بهتر یادشون میمونه!
🔹 چطور توی ارائه محصول استفاده کنیم؟
✅ شروع قدرتمند:
"یه CMS که تا آخر عمرت از منشی بی نیازت میکنه "
✅ پایان به یاد موندنی:
"اگر الان سفارش بدید، ۳ ماه پشتیبانی بیشتر دریافت میکنید !"
🔥 نتیجه:
مغز مشتری شروع و پایان رو بیشتر به خاطر میسپاره!
#تبلیغ_نویسی#روانشناسی#فروش_حرفهای
🎯@NextPro_Ch
Telegram
NextPro | برنامه نویسی
Next Pro Official Community Channel
👍4
ما به چه شکل میتونیم مدیریت حرفهای وظایف زمانبندی شده در NestJS رو انجام بدیم ؟
فرض کنین عملیاتهای زمانبندی شده مثل ارسال ایمیلهای خودکار یا پاکسازی دیتابیس رو میخوایم تو یک ساعت خاص هر روز انجام بدیم.
اینجاس که
چرا
• نصب و راه اندازیش آسونه: تو کمتر از ۵ دقیقه آماده به کار!
• پشتیبانی از انواع زمانبندی: کرون، اینتروال و تایماوت
• یکپارچگی کامل با NestJS: استفاده از دکوریتورهای آشنا
• مدیریت متمرکز : همه جاب هارو در یک جای مشخص مدیریت میکنه( یک سرویس)
نصب سریع:
مثال کاربردی که هرروز ساعت ۱۲ یک کار رو انجام میده :
چرا ضروریه؟
• خودکارسازی کارهای تکراری
• افزایش قابلیت اطمینان سیستم
• صرفهجویی در زمان توسعه
#NestJS #CronJobs
@NextPro_Ch 🚀
فرض کنین عملیاتهای زمانبندی شده مثل ارسال ایمیلهای خودکار یا پاکسازی دیتابیس رو میخوایم تو یک ساعت خاص هر روز انجام بدیم.
اینجاس که
@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 🚀
برنامهنویسی فقط کدنویسی نیست، بازی با زمانه! هرچقدر هم حرفهایباشی، بدون مدیریت زمان، هیچکس بهت پروژه نمیسپاره چون همیشه دیرتر از ددلاینت پروژه رو تحویل میدی !
۳ تکنیک طلایی برای قوی کردن این مهارت :
• تکنیک پومودورو: ۲۵ دقیقه کار متمرکز + ۵ دقیقه استراحت
• قانون ۸۰/۲۰: ۲۰٪ از کارها ۸۰٪ نتایج رو میسازن، اولویتبندی کنید
و نکته آخر: استفاده از برنامه هایی مثل Notion میتونه کمک زیادی به مدیریت در کار و زندگی خودتون بکنه.
#مدیریت_زمان
@NextPro_Ch 🚀
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
مدیر شرکت : ما مثل خانواده ایم و هیچکس خانوادشو ترک نمیکنه
همچنان من وفتی شرکت بهتر بهم پیشنهاد میده : 😂
#fun
@NextPro_Ch 🚀
همچنان من وفتی شرکت بهتر بهم پیشنهاد میده : 😂
#fun
@NextPro_Ch 🚀
🤣5
مدیریت تاریخها با Temporal API در جاوااسکریپت
📅 مثال کاربرد
✅ حل تمام مشکلات شیء Date قدیمی
✅ پشتیبانی کامل از تقویمهای مختلف
✅ کار با timezone به سادگی آب خوردن
"دیگه نیازی به کتابخانههای تاریخ نیست!"
#جاوااسکریپت #توسعه_وب
🎯 @NextPro_Ch
📅 مثال کاربرد
ی: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
🔹 تئوری از کجا اومد؟
تحقیقات نیل پاتل روی ۱۰۰۰ کسبوکار:
فقط ۱% مشتریان حاضرن پول بیشتری بدن برای ارزش اضافه!
🔹 چطور استفاده کنیم؟
✅ پکیجهای VIP:
۹۹% محصولات معمولی + ۱% فوقحرفهای با قیمت بالا
مثال: "مشاوره عادی ۵۰۰، مشاوره VIP با تحلیل رقبا ۵,۰۰۰"
🔥 نتیجه:
همین ۱% سود شما رو ۲ برابر میکنه!
#استراتژی_فروش#کسب_وکار#مدیریت_درآمد
🎯@NextPro_Ch
دادههای تغییرناپذیر با Record و Tuple
🔒 مثال کاربردی
🔹 جلوگیری از تغییرات ناخواسته دادهها
🔹 عملکرد فوقالعاده در پردازشهای سنگین
🔹 مناسب برای مدیریت استیت
"امنیت دادهها رو جدی بگیرید!"
#جاوااسکریپت #توسعه_نرمافزار
🔒 مثال کاربردی
:
const config = #{
apiUrl: "https://example.com", timeout: 5000
};
🔹 جلوگیری از تغییرات ناخواسته دادهها
🔹 عملکرد فوقالعاده در پردازشهای سنگین
🔹 مناسب برای مدیریت استیت
"امنیت دادهها رو جدی بگیرید!"
#جاوااسکریپت #توسعه_نرمافزار
👍4
📊 "اثر لنگر انداختن" در قیمتگذاری: چطور ذهن مشتری رو هک کنیم؟
🔹 تئوری از کجا اومد؟
برگرفته از تحقیقات دنیل کانمن (برنده نوبل اقتصاد) که ثابت کرد اولین عددی که میشنویم، ذهنمون رو برای قضاوت بعدی تنظیم میکنه.
🔹 چطور توی کسبوکار استفاده کنیم؟
✅ قیمتگذاری مقایسهای:
همیشه یه گزینه پریمیوم گرونتر بذارین (حتی اگه کسی نخره!)
مثال: "پکیج نقرهای ۲۹۰، طلایی ۴۹۰، الماسی ۹۹۰ (پرفروشترین)"
✅ تکنیک تخفیف:
اول قیمت اصلی رو بگو بعد تخفیف رو: "۱,۹۹۰,۰۰۰ → با تخفیف ۹۹۰,۰۰۰"
🔥 نتیجه:
مشتری قیمت ۹۹۰ رو "ارزان" میبیننه، چون اول ۱,۹۹۰ رو دیده!
#مارکتینگ_روانشناسی#قیمت_گذاری#نوبل_اقتصاد
🎯@NextPro_Ch
🔹 تئوری از کجا اومد؟
برگرفته از تحقیقات دنیل کانمن (برنده نوبل اقتصاد) که ثابت کرد اولین عددی که میشنویم، ذهنمون رو برای قضاوت بعدی تنظیم میکنه.
🔹 چطور توی کسبوکار استفاده کنیم؟
✅ قیمتگذاری مقایسهای:
همیشه یه گزینه پریمیوم گرونتر بذارین (حتی اگه کسی نخره!)
مثال: "پکیج نقرهای ۲۹۰، طلایی ۴۹۰، الماسی ۹۹۰ (پرفروشترین)"
✅ تکنیک تخفیف:
اول قیمت اصلی رو بگو بعد تخفیف رو: "۱,۹۹۰,۰۰۰ → با تخفیف ۹۹۰,۰۰۰"
🔥 نتیجه:
مشتری قیمت ۹۹۰ رو "ارزان" میبیننه، چون اول ۱,۹۹۰ رو دیده!
#مارکتینگ_روانشناسی#قیمت_گذاری#نوبل_اقتصاد
🎯@NextPro_Ch
👍3
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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤3
NextPro | برنامه نویسی pinned «📊 "اثر لنگر انداختن" در قیمتگذاری: چطور ذهن مشتری رو هک کنیم؟ 🔹 تئوری از کجا اومد؟ برگرفته از تحقیقات دنیل کانمن (برنده نوبل اقتصاد) که ثابت کرد اولین عددی که میشنویم، ذهنمون رو برای قضاوت بعدی تنظیم میکنه. 🔹 چطور توی کسبوکار استفاده کنیم؟ ✅ قیمتگذاری…»
بهینهسازی رندر با v-memo در Vuejs
⚡ مثال عملی:
🟢 حذف رندرهای غیرضروری
🟢 بهبود عملکرد در کامپوننتهای پیچیده
🟢 سینتکس ساده و قابل فهم
"رندر هوشمند، تجربه کاربری بهتر"
#ویوجیاس #فرانتاند
🚀 @NextPro_Ch
⚡ مثال عملی:
<template> <div v-memo="[user.id]">
{{ user.name }} </div>
</template>
"رندر هوشمند، تجربه کاربری بهتر"
#ویوجیاس #فرانتاند
Please open Telegram to view this post
VIEW IN TELEGRAM
#فریلنسری#مشتری_دائمی#درآمد_پایدار
Please open Telegram to view this post
VIEW IN TELEGRAM
👌3👍1
با دوستی صحبت میکردم، تشتکم پرید.
فهمیدم در پتروشیمی حقوق مشاغل غیر تخصصی مثل نگهبان، راننده، انباردار، حدود 80 تا 90 ملیونه!
حالا دیباگ کن حمال، واسه ماهی چل پنجا تومن کد بزن. آفرین بدبخت.
✍️ Sadegh
#توییت #برنامه_نویسی
🚀 @NextPro_Ch
فهمیدم در پتروشیمی حقوق مشاغل غیر تخصصی مثل نگهبان، راننده، انباردار، حدود 80 تا 90 ملیونه!
حالا دیباگ کن حمال، واسه ماهی چل پنجا تومن کد بزن. آفرین بدبخت.
✍️ Sadegh
#توییت #برنامه_نویسی
Please open Telegram to view this post
VIEW IN TELEGRAM
😁5👍2
تو این پست میخوایم راجب SOLID صحبت کنیم. اصلا اصول SOLID چی هست؟
اصول سالید شامل ۵ اصله که کمک میکنه کد های بک اندتون رو انعطاف پذیر تر و استاندارد تر توسعه بدین ! الان میخوایم راجب اصل اولش صحبت کنیم
• اصل تکوظیفگی(SRP) :
هر کلاس یا تابع فقط باید یک دلیل برای تغییر داشته باشه. یعنی چی ؟
• اگر یه کلاس یا تابعداره داده رو پردازش میکنه، نباید همون کلاس مسئول ذخیرهسازی هم باشه!
مثال ساده برای فهم بهتر میزنم
فرض کن یه کلاس User داریم و میخوایم عمل ارسال ایمیل و پردازش داده رو برای این مورد انجام بدیم.
حالا هر کلاس یک وظیفه داره و تغییرات آینده رو راحتتر میتونیم مدیریت کنیم!
#SOLID #SRP
@NextPro_Ch 🚀
اصول سالید شامل ۵ اصله که کمک میکنه کد های بک اندتون رو انعطاف پذیر تر و استاندارد تر توسعه بدین ! الان میخوایم راجب اصل اولش صحبت کنیم
• اصل تکوظیفگی(SRP) :
هر کلاس یا تابع فقط باید یک دلیل برای تغییر داشته باشه. یعنی چی ؟
• اگر یه کلاس یا تابعداره داده رو پردازش میکنه، نباید همون کلاس مسئول ذخیرهسازی هم باشه!
مثال ساده برای فهم بهتر میزنم
فرض کن یه کلاس User داریم و میخوایم عمل ارسال ایمیل و پردازش داده رو برای این مورد انجام بدیم.
class User {
constructor( private name){}
}
class UserDB {
public save( user) { //logic }
}
class EmailService {
public send(user) { //logic }
}حالا هر کلاس یک وظیفه داره و تغییرات آینده رو راحتتر میتونیم مدیریت کنیم!
#SOLID #SRP
@NextPro_Ch 🚀
👍3