#JobSkills

چرا نمونه کار مهمه❗️

- نمونه کارها حکم وکیل مدافع ما رو دارن. صرفا سایت های استاتیک و پورتفولیو کافی نیست! حتی گاها نیازی نیست. چون کسی رو متقاعد نمیکنه.

📌 - ویژگی نمونه کار خوب؟

تعامل با کاربر: کاربر بتونه باهاش ارتباط بگیره، مثلا پروژه های بلاگی، فروشگاهی سبد خرید، پنل کاربر، ادمین و تودولیست.

صفحات متنوع: پروژه شما باید چندین صفحه رو داشته باشه که نشون بده شما ریکت یا نکست رو بلد هستین.

کدنویسی تمیز: لازمه که برای اسم گذاری کامپوننت ها، توابع، کلاس های CSS و... نهایت دقت رو داشته باشید. سورس کدتون رو هم توی گیت هاب بذارید.

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

ابزار های پیشرفته: میتونید از ابزارهای خفن مثل تیلویند، MUI ، Redux، React-query  و... توی پروژه تون استفاده کنید.

⚡️ تعداد نمونه کار مهم نیست! مهم اینه که زمان طولانی روی 1-2 نمونه کار کار کنید و به اندازه کافی جامع و پیچیده باشه.

✍🏽 ¦ @DevYara

#Sass

جزوه (دست نویس) Sass 🌐

درباره nesting و mixin و...
مناسب برای یادگیری و مرور و... 〽️

✍🏽 ¦ @DevYara

#Js_Quiz

💎 خروجی کد زیر کدام است...!؟

let obj= {
x:5, 
getX: () => this.x,
};

console.log(obj.getX());

✍🏽 ¦ @DevYara

#JobSkills

مدت قرارداد باید چجوری باشه❗️

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

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

یه راهکار اصولی اینه که برای یه مدت به صورت تستی مثلا ۲ هفته باهاشون کار کنید. حتی برای همین مدت تستی هم باید بهتون پول بدن و قرار داد ببندید.

بعد از اتمام مدت تستی، اگر طرفین به توافق رسیدید، میتونید برای مدت ۳ تا ۶ ماه قرار داد جدید ببندید.

نکته بسیار مهم، حواستون باشه در شروع کار قرارداد بلند مدت نبندید. چون قطعا بعد ۳-۶ ماه تجربه شما روی اون پروژه و اون شرکت بالاتر رفته و میتونید راحت تر دنبال افرایش حقوق تون باشید ✅

اگر متوجه این قضیه شدین که سطح شما بالاتر از این عدده و شرکت افزایش حقوق نمیده، میتونید بدون هیچ دردسری ازشون جدا بشید و دنبال شرکت های بهتری هم باشید.

✍🏽 ¦ @DevYara

#JobSkills

🌟نمونه قرارداد طراحی وب سایت

• یک نگاهی بهش بندازین و استفاده کنید.
• پست رو در یکجا ذخیره کنید.

✍🏽 ¦ @DevYara

#JobSkills

سفته بدیم یا نه❗️

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

👈🏼 اگر هم به هر دلیلی سفته دادین این نکاتی که میگم رو رعایت کنید تا دچار مشکلات حقوقی نشید👇🏼

•سفته مبلغ پایین بدین

•پشت سفته حتما حتمااا ذکر شود که سفته بابت حسن انجام کار هست.

•تاریخ سفته و گیرنده سفته (شرکت یا شخص) رو دقیقا قید کنید. اگر هم قبول نکردین همینجا بهشون شک کنید!

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

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

✍🏽 ¦ @DevYara

#algoritm

💎 کتاب درک الگوریتم

•راهنمای تصویری
• برای برنامهنویسها
• و افراد کنجکاو

✍🏽 ¦ @DevYara

#JobSkills

اصول قیمت گذاری پروژه های فریلنسری❗️

🫧قیمت گذاری میتونه بسته به زمان پروژه، تخصص شما و تجربه شما در اون زمینه متفاوت باشه.

📌روش معمول قیمت گذاری بر اساس ارزش ساعت کار هست که در ادامه بهتون توضیح دادم👇🏼

اولین قدم اینکه میانگین حقوق تمام وقت تون رو پیدا کنید. حالا این حقوق رو تقسیم بر ۱۷۰ ساعت بکن تا قیمت ساعت کارت محاسبه بشه.

پروژه رو به تسک های مشخص تقسیم کن. به هر تسک زمان حدودی بده. جمع زمان همه تسک ها هرچقدر شد، ضربدر ۱.۵ تا ۱.۶ بکن تا بدترین حالت زمان کل پروژه در بیاد.

حالا مبلغ ساعت کارت رو ضربدر جمع کل زمان پروژه بکن. عدد به دست آمده رو به اضافه ۳۰% بکن که هزینه های شخصی خودت (هزینه اینترنت، استهلاک لپ تاپ و…) ناشی از انجام پروژه هم لحاظ بشه

👀 مثال:
- اگه ماهی ۲۰ میلیون حقوق میگرید
پس ساعت کار شما میشه :
20,000,000 / 170= 117

- اگر زمان اولیه کل پروژه : ۱۰۰ ساعت بشه.
بدترین حالت زمانی میشه: 100* 1.6 = 160 ساعت.

مبلغ پروژه نهایی پروژه = 160* 117 *1.3 = 24 میلیون.

✍🏽 ¦ @DevYara

#Telegram

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

دورف همچنین گفته که تلگرام 1000 برابر مهندس تمام وقت کمتری نسبت به متا داره ولی با این حال تونسته قابلیتهای جدید بیشتری معرفی کنه و سرعت خلاقیت و نواوری بالاتری داشته باشه.

به گفته ایشون در طول سال 2023، تلگرام فقط 9 دقیقه اختلال داشته که نشون دهنده بالا بودن در 99.999983 درصد اوقات هست!

➖➖➖➖➖➖➖➖➖➖➖➖
✍🏽 ¦ @DevYara

#JobSkills

🌀 ✨ در گرداب مهارت آموزی نیوفت ✨

🔍 در دنیای برنامه‌نویسی، افتادن در تله‌ی مهارت‌آموزی بیش از حد مانع شکوفایی می‌شود! نیازی نیست همه‌چیز را یاد بگیرید تا موفق شوید.

✅ بیاموزید، اما دانش خود را عملی کنید. نیاز ندارید همه‌ی فریمورک‌ها و زبان‌های برنامه‌نویسی را بشناسید تا پیشرفت کنید!

📈 رشد حرفه‌ای به معنای یادگیری مداوم همگام با بازار کار است، و نه پرش از یک مهارت به مهارت دیگر بدون توجه به کاربرد و اهداف شما.

✏️ شروع کنید با آنچه لازم دارید و همیشه آن را با تجربه‌ی واقعی طعم‌دار کنید!

🔗 به اشتراک‌گذاری دانش و تجربیات خود ادامه دهید، و اجازه ندهید یادگیری بی‌هدف شما را از رسیدن به اهدافتان دور کند!

✍🏽 ¦ @DevYara

#WebStorm

🟠 شرت کات های محبوب 𝗪𝗲𝗯𝗦𝘁𝗼𝗿𝗺

• کامنت کردن

Ctrl + /

• کپی کد در خطر بعدی

Ctrl + D

• فرمت‌بندی کد (ترتیب و فاصله‌گذاری)

Ctrl + Alt + L

• نمایش پیشنهادهای کد (Autocomplete)

Ctrl + Space

• جستجوی متن در کل پروژه (Find in Path)

Ctrl + Shift +F

• نمایش منوی عملیات (Find Action)

Ctrl + Shift + A

• تکمیل خودکار کد (Complete Statement)

Ctrl + Shift + Enter

• گسترش انتخاب کلمه و جمله

Ctrl + W

• اجرای سند ها

Alt + Shift + F10

• نمایش اقدامات بر روی کد (امکانات عالی نشونتون میده )

Alt + Enter

• به روی جایی که متغیر تعریف شده میبردتون

Ctrl + B

• انتخاب چد برای ویرایش همزمان

Alt + Click

• چرخش بین سند ها

Ctrl + Tab

• پیدا کردن یک کلمه و تغییر نام ان

Ctrl + R

• تو کل پروژه هرچی رو خواستی به جای قبلی replace میکنی

Ctrl + Shift + R

فوق العاده عالی و قدرتمنده (WebStorm)
✍🏽 ¦ @DevYara

#HTMX

• تکنولوژی HTMX چیست !؟

• ویدئو بالا رو مشاهده

• چنل یوتیوب سازنده ویدئو : ParsclickTV

✍🏽 ¦ @DevYara

#Html

• اعتبار سنجی سمت کلاینت •

این نوع از اعتبارسنجی در مرورگر و پیش از تحویل داده‌ها به سرور اجرا می‌شود. اعتبارسنجی سمت کلاینت بسیار کاربرپسندتر از اعتبارسنجی سمت سرور است، زیرا به صورت آنی به ورودی‌های کاربر پاسخ می‌دهد.

🔗https://blog.faradars.org/form-data-validation-in-html
لینک بالا رو مطالعه کنید.✅

✍🏽 ¦ @DevYara

#Text

• من براش ...... ولی اون ..... دوست داشت.

• من براش Ctrl + S بودم اون Save All میزد.

یکی تو بگو...!😂👇🏼

#Css

⭕️ مدل رنگی HSL در Css با قابلیت تنظیم آسان🧐

- توضیح HSL:

یک مدل رنگی است که زاویه دور مدار رنگی (0 تا 360 درجه اندازه گیری می‌شود)، اشباع (میزان تعداد خالص رنگ) و روشنایی (رنگ و قدرت نور) می‌شود.

- امکانات و ویژگی‌ها:

• تنظیم رنگ آسان:
با HSL امکان تغییر تنظیمات رنگ به صورت آسان را فراهم می‌کند.

• رنگ‌های هم‌تنیده:
با استفاده از HSL، امکان انتخاب رنگ‌های هم‌تنیده برای طراحی وجود دارد.

• زاویه و شفافیت قابل تنظیم:
این مدل، امکان تنظیم زاویه و شفافیت رنگ‌ها را فراهم می‌کند.

• پردازش آسان:
پردازش رنگ‌ها در HSL ساده‌تر است و به راحتی می‌توان با آن‌ها کار کرد.

- نتیجه‌گیری:

استفاده از مدل HSL برای رنگ دهی در پروژه‌ها، بهبود اثر بصری و زیبایی رابط کاربری را ایجاد خواهد کرد و خوانایی بالایی دارد.

✍🏽 ¦ @DevYara