ساخت Directiveهای سفارشی در #Vuejs
🛠️ مثال عملی:
✨ ایجاد امکانات جدید در قالبها
✨ قابلیت استفاده مجدد در کل پروژه
✨ یکپارچهسازی ساده با کامپوزیشن API
"ویو رو با نیازهای خودتون شخصیسازی کنید!"
#ویوجیاس #برنامهنویسی
🎯 @NextPro_Ch
🛠️ مثال عملی:
const vHighlight = { mounted(el) {
el.style.backgroundColor = 'yellow';
}"ویو رو با نیازهای خودتون شخصیسازی کنید!"
#ویوجیاس #برنامهنویسی
Please open Telegram to view this post
VIEW IN TELEGRAM
دوآپس(DevOps) از دو کلمهی Development (توسعه) و Operation (عملیات) تشکیل شده و به نوعی این دو مفهوم را با هم ترکیب کرده است. دواپس بین تیم توسعهی محصول و تیم عملیاتی شرکت، همکاری و تعامل ایجاد میکند. DevOps یک زبان یا یک تکنولوژی خاص نیست بلکه ترکیبی از فلسفه، فرهنگ، شیوهها و ابزارهایی است که کمک میکنند محصولات یا خدمات ما سریعتر به دست مشتریان برسد.
منظور از Development، تیم توسعه است، یعنی تمام کسانی که در ساخت محصول، خطایابی، تست و در نهایت تکمیل محصول نقش دارند. منظور از Operation هم IT Operation یا تیم عملیاتی است. افرادی که در حالت کلی، نگهداری تجهیزات سخت افزاری، نرم افزاری، و محیطهای عملیاتی شرکت را به عهده دارند. DevOps به سازمانها کمک میکند تا سرعت انتقال محصولات یا خدمات خود به مشتریان را افزایش دهند، کیفیت کار را بالا نگه دارند و حضور قدرتمندی در بازار داشته باشند.
تا قبل از DevOps، تیمهای توسعه و عملیاتی در دو محیط ایزوله و جدا از هم فعالیت داشتند. جدا بودن برنامهی کاری این دو تیم باعث ایجاد تاخیر در تحویل و تکمیل پروژه میشد.آن زمان بدون DevOps، بیشتر وقت اعضای تیم به طراحی، تست و استقرار میگذشت به جای این که وقت برای ساخت پروژه واقعی صرف شود.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍2👏1
📈 چطوری قیمتتو بالا ببری بدون اینکه کارفرما فرار کنه؟
🔹 ۳ تکنیک نفوذی:
1️⃣ ارزشسازی: "این نسخه Premium شامل پشتیبانی ۶ ماهه رایگان هم میشه!"
2️⃣ مقایسه: "شرکتهای دیگه برای این خدمات X میگیرن، من بخاطر [دلیل] Y میگیرم"
3️⃣ تقسیم هزینه: "میتونین قسطی پرداخت کنین!"
🔥 نکته:
"کارفرماها قیمت بالا رو میپذیرن، اگه باور کنن ارزش بیشتری میگیرن!"
#فریلنسری #درآمد_زایی #مذاکره
🎯 @NextPro_Ch
🔹 ۳ تکنیک نفوذی:
1️⃣ ارزشسازی: "این نسخه Premium شامل پشتیبانی ۶ ماهه رایگان هم میشه!"
2️⃣ مقایسه: "شرکتهای دیگه برای این خدمات X میگیرن، من بخاطر [دلیل] Y میگیرم"
3️⃣ تقسیم هزینه: "میتونین قسطی پرداخت کنین!"
🔥 نکته:
"کارفرماها قیمت بالا رو میپذیرن، اگه باور کنن ارزش بیشتری میگیرن!"
#فریلنسری #درآمد_زایی #مذاکره
🎯 @NextPro_Ch
👍4👎1
استفاده Server Actions در Next.js
💥 مثال عملی:
✅اجرای کد سرور از سمت کلاینت
✅ امنیت بالا با سیستم داخلی Next
✅ کاهش چشمگیر کدنویسی بکاند
"ادغام فرانتاند و بکاند بدون دردسر!"
#NextJS #توسعه_فولاستک
🎯 @NextPro_Ch
💥 مثال عملی:
// actions.js
'use server';
export async function submitForm(data) {
// ذخیره داده در دیتابیس
}
✅اجرای کد سرور از سمت کلاینت
✅ امنیت بالا با سیستم داخلی Next
✅ کاهش چشمگیر کدنویسی بکاند
"ادغام فرانتاند و بکاند بدون دردسر!"
#NextJS #توسعه_فولاستک
🎯 @NextPro_Ch
👍2
"همه اینا رو مینویسم که بعدا دوستانه با هم کار کنیم، نه دادگاهی!"
#قرارداد #فریلنسری #امنیت_کاری
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
تو این پست میخوایم راجب یک دیزاین پترن محبوب حرف بزنیم ، SingleTon .
وقتی میخوایم مطمئن شیم که فقط یک نمونه از یک کلاس در کل برنامه وجود داره ، Singleton به دادت میرسه ! این الگو برای مدیریت connectionهای دیتابیس و لاگرها عالیه !
یک نمونه ساده از SingleTon :
چرا از Singleton استفاده کنیم ؟
• صرفهجویی در منابع: از ساخت نمونههای تکراری جلوگیری میشه
• کنترل دقیق: میتونیم رفتار یک نمونه رو کاملا مدیریت کنیم ( تغییرات و دیباگ و.. )
کلام آخر :هرچیزی زیادیش بده ، این الگوام زیادی و بی برنامه ریزی استفاده بشه میتونه به یک ضد الگو تبدیل بشه !
#DesignPatterns #Singleton
@NextPro_Ch 🚀
وقتی میخوایم مطمئن شیم که فقط یک نمونه از یک کلاس در کل برنامه وجود داره ، Singleton به دادت میرسه ! این الگو برای مدیریت connectionهای دیتابیس و لاگرها عالیه !
یک نمونه ساده از SingleTon :
class Database {
private static instance: Database;
// جلوگیری از ساخت نمونه جدید با new
private constructor() {}
public static getInstance(): Database {
if (!Database.instance) {
Database.instance = new Database();
}
return Database.instance;
}
}
const db1 = Database.getInstance();
const db2 = Database.getInstance();
console.log(db1 === db2); // true چرا از Singleton استفاده کنیم ؟
• صرفهجویی در منابع: از ساخت نمونههای تکراری جلوگیری میشه
• کنترل دقیق: میتونیم رفتار یک نمونه رو کاملا مدیریت کنیم ( تغییرات و دیباگ و.. )
کلام آخر :هرچیزی زیادیش بده ، این الگوام زیادی و بی برنامه ریزی استفاده بشه میتونه به یک ضد الگو تبدیل بشه !
#DesignPatterns #Singleton
@NextPro_Ch 🚀
👍2🔥2👏1
تو این پست میخوایم راجب رزومه نویسی درست حرف بزنیم ، مشکل خیلیا !
توی کامیونیتی، برنامه نویسا با رزومشون شناخته میشن و اولین دریچهست که کارفرماها و همکارای مختلف از طریق اون با شما آشنا میشن. پس باید مثل یه پروژه حرفهای باهاش برخورد کنی!
• نکات طلایی برای رزومه ها
1. رزومه انگلیسی ننویس ! :
کارفرما ممکنه اصلا انگلیسی بلد نباشه ! درجا رد کنه رزومتو با اینکه خیلی فرد توانمندی باشی !
2. تجربهی کاری رو پروژهمحور :
✅ "توسعه پنل مدیریت با React.js - کاهش 40% زمان لود با بهینهسازی کد"
3. مهارتها رو طبقهبندی کن:
4. پروژههای مهم رو هایلایت کن:
• لینک GitHub/Live Demo حتما بذار
5.فونتای درست استفاده کن :
• فونتهای استاندارد (Arial, Roboto) با سایز 11خطاهای کشنده که رزومه رو مستقیماً به سطل آشغال میفرسته !
6.هرچی کوتاه تر بهتر :
• رزومه ۵ صفحهای! (حداکثر ۲ صفحه )
7.رو ReadMe گیتهابت کارکن :
• شامل توضیحات مختصر باشه و تو کمتر از یک دقیقه طرف بفهمه چیکاره ای !
شما چه موارد دیگه ای رو ضروری میدونین براش؟
#رزومه_نویسی
@NextPro_Ch 🚀
توی کامیونیتی، برنامه نویسا با رزومشون شناخته میشن و اولین دریچهست که کارفرماها و همکارای مختلف از طریق اون با شما آشنا میشن. پس باید مثل یه پروژه حرفهای باهاش برخورد کنی!
• نکات طلایی برای رزومه ها
1. رزومه انگلیسی ننویس ! :
کارفرما ممکنه اصلا انگلیسی بلد نباشه ! درجا رد کنه رزومتو با اینکه خیلی فرد توانمندی باشی !
2. تجربهی کاری رو پروژهمحور :
✅ "توسعه پنل مدیریت با React.js - کاهش 40% زمان لود با بهینهسازی کد"
3. مهارتها رو طبقهبندی کن:
- 🛠 **Front-End**: React, Next.js, TypeScript
- 🎨 **UI/UX**: Figma, TailwindCSS
- ⚙️ **Back-End**: Node.js, Express
4. پروژههای مهم رو هایلایت کن:
• لینک GitHub/Live Demo حتما بذار
5.فونتای درست استفاده کن :
• فونتهای استاندارد (Arial, Roboto) با سایز 11خطاهای کشنده که رزومه رو مستقیماً به سطل آشغال میفرسته !
6.هرچی کوتاه تر بهتر :
• رزومه ۵ صفحهای! (حداکثر ۲ صفحه )
7.رو ReadMe گیتهابت کارکن :
• شامل توضیحات مختصر باشه و تو کمتر از یک دقیقه طرف بفهمه چیکاره ای !
شما چه موارد دیگه ای رو ضروری میدونین براش؟
#رزومه_نویسی
@NextPro_Ch 🚀
❤2
خب پستای قبلی راجب اصول SOLID حرف زدیم ، الان میخوایم راجب اصل دوم : Open/Closed Princible (OCP) حرف بزنیم
این اصل میگه: "نرمافزار باید برای گسترش باز، اما برای تغییر بسته باشه." یعنی بدون تغییر کدهای موجود، بتونی قابلیتهای جدید اضافه کنی.
مثال ساده:
فرض کن یه کلاس
اگر بخوای پرداخت با
راه حل:
با استفاده از اینترفیس، کلاس رو برای گسترش باز میذاری:
حالا بدون تغییر کدهای قدیمی، میتونی روشهای پرداخت جدید اضافه کنی!
چرا مهمه؟
• کاهش ریسک باگ در کدهامون
• انعطافپذیری بیشتر برای اضافه کردن ویژگیهای جدید
• رعایت این اصل، نگهداری پروژه رو آسون تر میکنه .
#SOLID #OCP
@NextPro_Ch 🚀
این اصل میگه: "نرمافزار باید برای گسترش باز، اما برای تغییر بسته باشه." یعنی بدون تغییر کدهای موجود، بتونی قابلیتهای جدید اضافه کنی.
مثال ساده:
فرض کن یه کلاس
Payment داری که پرداخت با CreditCard رو مدیریت میکنه: class Payment {
process(amount: number) {
// logic
}
}اگر بخوای پرداخت با
PayPal رو اضافه کنی، مجبوری کلاس رو تغییر بدی! این نقض OCPه. راه حل:
با استفاده از اینترفیس، کلاس رو برای گسترش باز میذاری:
interface IPayment {
process(amount: number): void;
}
class CreditCard implements IPayment {
process(amount: number) { /* ... */ }
}
class PayPal implements IPayment {
process(amount: number) { /* ... */ }
}حالا بدون تغییر کدهای قدیمی، میتونی روشهای پرداخت جدید اضافه کنی!
چرا مهمه؟
• کاهش ریسک باگ در کدهامون
• انعطافپذیری بیشتر برای اضافه کردن ویژگیهای جدید
• رعایت این اصل، نگهداری پروژه رو آسون تر میکنه .
#SOLID #OCP
@NextPro_Ch 🚀
👍1
😤 چطوری به کارفرمای نامناسب «نه» بگی؟
🔹 موقعیت های خطرناک:
🟢 پیشنهاد قیمت خیلی پایین
🟢 بیکفایتی کارفرما
🟢 پروژه بیهدف
🔹 راه حل:
✅ "متاسفانه الان زمان کافی ندارم که حق این پروژه رو ادا کنم!"
✅ "تخصص من بیشتر در [زمینه X] هست، شاید [فریلنسر Y] بهتر بتونه کمک کنه!"
🔥 نکته:
"گاهی «نه» گفتن به یه پروژه بد، یعنی باز کردن مسیر برای پروژههای عالی!"
#فریلنسری #مذاکره #رفتار_حرفهای
🎯 @NextPro_Ch
"گاهی «نه» گفتن به یه پروژه بد، یعنی باز کردن مسیر برای پروژههای عالی!"
#فریلنسری #مذاکره #رفتار_حرفهای
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍5❤2
اگه شما هم بخاطر فعال بودن گیتهابتون بهتون اتهام خورد که "ی ربات گزاشتی پشت ریپوت برات کامیت فیک میزنه"
با استفاده از افزونه 🎄Code time🎄 میتونید طرف
رو مورد عنایت قرار بدید🧑💻
@NextPro_Ch
با استفاده از افزونه 🎄Code time🎄 میتونید طرف
رو مورد عنایت قرار بدید🧑💻
@NextPro_Ch
❤🔥3👍2
"این پروژه براساس [زمان/تخصص/نتایج] بین X تا Y تومان هزینه داره. دوست دارین جزئیات رو براتون توضیح بدم؟"
#قیمت_گذاری #فریلنسری #درآمد
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
این ابزار بدون استایل پیشفرضه و کاملاً قابل سفارشیسازیه، پس میتونید اونو با سلیقه خودتون بسازید.
npm i frimousse
import { EmojiPicker } from "frimousse";
export function MyEmojiPicker() {
return (
<EmojiPicker.Root />
);
} #React #JavaScript #WebDev
@NextPro_Ch
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤2👍1
💎 چطوری تو فریلنسری ارزش کارت رو نشون بدی؟
🔹 راز حرفهایها:
قبل از اینکه بگی «چقدر میدی؟»، کارفرما باید باور کنه که تو بهترینی!
✅ تیپ اول:
"پروژه شما رو بررسی کردم، این ۳ نقطه ضعف داره که اگه حل نکنین، ماهانه X تومان ضرر میزنین!"
✅ تیپ حرفهای:
"من توی این زمینه خاص ۵ پروژه موفق دارم (نمونهرو نشون میدم)، میخوایین براتون هم همین نتایج رو بسازم؟"
🔥 نکته طلایی:
"هرچقدر کارفرما بیشتر باور کنه که تو راهحل مشکلاتشی، کمتر بحث قیمت میکنه!"
#فریلنسری #مذاکره #ارزش_آفرینی
🎯 @NextPro_Ch
🔹 راز حرفهایها:
قبل از اینکه بگی «چقدر میدی؟»، کارفرما باید باور کنه که تو بهترینی!
✅ تیپ اول:
"پروژه شما رو بررسی کردم، این ۳ نقطه ضعف داره که اگه حل نکنین، ماهانه X تومان ضرر میزنین!"
✅ تیپ حرفهای:
"من توی این زمینه خاص ۵ پروژه موفق دارم (نمونهرو نشون میدم)، میخوایین براتون هم همین نتایج رو بسازم؟"
🔥 نکته طلایی:
"هرچقدر کارفرما بیشتر باور کنه که تو راهحل مشکلاتشی، کمتر بحث قیمت میکنه!"
#فریلنسری #مذاکره #ارزش_آفرینی
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
"اگر این تغییر رو اجرا کنیم، ماهانه [X ساعت] صرفهجویی میکنیم که معادل [Y تومان] ارزش داره"
#ابتکار #بهبود_فرآیند #رهبری
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
🆘 کمک خواستن از مدیر: بدون اینکه ضعیف به نظر برسی!
🔹 فرمول حرفهای:
"برای حل [مشکل X]، [راهحلهای A,B] رو امتحان کردم اما به [چالش Y] برخوردم. پیشنهادتون برای قدم بعدی چیه؟"
🔥 چرا جواب میده؟
نشون میده قبلاً تلاش کردی
مدیر رو در نقش مشاور قرار میده
گویای تفکر تحلیلی شماست
#مهارت_های_ارتباطی #یادگیری #توسعه_شغلی
🎯 @NextPro_Ch
🔹 فرمول حرفهای:
"برای حل [مشکل X]، [راهحلهای A,B] رو امتحان کردم اما به [چالش Y] برخوردم. پیشنهادتون برای قدم بعدی چیه؟"
🔥 چرا جواب میده؟
نشون میده قبلاً تلاش کردی
مدیر رو در نقش مشاور قرار میده
گویای تفکر تحلیلی شماست
#مهارت_های_ارتباطی #یادگیری #توسعه_شغلی
🎯 @NextPro_Ch
👍3