#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

#JobSkills

📌 نکات مهم دیگه ایی که باعث میشه کدها فراموش نشن، حتما مطالعه کن...<💻\>

•  تمرین مداوم داشتن. اینکه 10 روز تمرین کنی و بعد 1 ماه بذاریش کنار کاربردی نیست. من میگم روزی 1 ساعت یا اصلا روزی 5 دقیقه تمیرن کنی ولی هروز باشه خیلی بهتر از اینکه 10 روز 10 ساعت تمرین کنی و روزای دیگه کلاً بذاریش کنار

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

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

نکته 4 رو تو بگو. واسم کامنت کن...💭❤️
✍🏽 ¦ @DevYara

⚠️"اهمیت ورزش برای برنامه نویسان: نکات مفید و حرکات اصلاحی برای حفظ سلامت بدن"⚠️


📚 •برای مطالعه مطلب روی دکمه زیر کلیک کنید
🕰️ •مدت زمان مطالعه: ۶۰ ثانیه

#fun

برنامه نویس فرانت اند باید چیا یاد بگیره؟😂

✍🏽 ¦ @DevYara

#JobSkills

•چطوری در مسیر یادگیری جزوه بنویسیم!؟ 📝

سازنده در اینستاگرام : amir.today

✍🏽 ¦ @DevYara

#Text

هیچوقت هیچوقت توی کدنویسیتون تاکید میکنم هیچوقت توی کدنویسیتون هرگز توی کدنویستون هیچوقت هیچوقت
✍🏽 ¦ @DevYara

#fun

• خدایا منو ببخش...😶😅

✍🏽 ¦ @DevYara

#JobSkills

• برنامه نویسی یعنی...

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

✍🏽 ¦ @DevYara

#Vs | #Tailwind | #Bootstrap

🎨 بوت‌استرپ یا تیلویند؟ مسئله این است! 🚀

💥 بوت‌استرپ (Bootstrap):

- کامپوننت-محور: دکمه‌ها، نویگیشن بارها، همه چی آماده!

- طراحی واکنش‌گرا: درست کردن یک layout واکنش‌گرا با grid system فوق‌العاده آسونه.

- شروع سریع: UI برق آسا با قطعات آمادهٔ بوت‌استرپ.

🌪 تیلویند (Tailwind):

- یوتیلیتی-فرست: باهاش می‌تونی استایل دقیق و اختصاصی بدی.

- سفارشی‌سازی راحت: هرچیزی رو به آسونی به سبک خودت تغییر بده.

- پروژه‌های سبک‌وزن: با Purge CSS فقط کلاس‌های استفاده‌شده رو نگه می‌داره.

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

🤔⁉️ تو دلت با کدوم راحت‌تره؟ کامنت بزار و نظرت رو با ما به اشتراک بذار!

✍🏽 ¦ @DevYara

#Text

•یک دروغ 13 توی کامنت ها بگو...👨🏻‍💻💭

برنامه نویسی آسون ترین شغله...☠

✍🏽 ¦ @DevYara

#fun

• کاری که هر روز انجام میدم...😂

✍🏽 ¦ @DevYara

#JobSkills

🎓💻 بررسی مزایا و معایب مدارک تحصیلی در فرانت اند 💻🎓


آیا واقعاً نیاز به مدرک تحصیلی برای موفقیت در حوزه وب داریم؟! 🎲🤔

📚✨ مزایای داشتن مدرک تحصیلی:

1️⃣ اعتبار بیشتر: بله، درسته! مدرک به شما اعتبار می‌ده و در مصاحبه‌های شغلی می‌تونه نقطه مثبتی باشه.

2️⃣ پایه‌گذاری محکم: دانشگاه‌ها مفاهیم پایه رو با زمان و تمرین زیاد بهتون یاد می‌دن. پس می‌تونید روی پایه محکمی بسازید!

3️⃣ شبکه‌سازی: اغلب دانشجویان هم‌کلاس‌ها و اساتید رو به عنوان ارتباطات حرفه‌ای برای آینده حفظ می‌کنن. 🔗

🚀⚠️ ولی، نگاه کنید به معایب:

1️⃣ هزینه و زمان: باید واقع‌بین باشیم، تحصیلات تکمیلی خرج و وقت زیادی می‌بره. برای خیلی‌ها ممکنه به صرفه نباشه.

2️⃣ تکنولوژی سریع السیر: تکنولوژی همیشه در حال تغییره و گاهی مطالب دانشگاهی پیش از آنکه فارغ‌التحصیل شوید، قدیمی می‌شود.

3️⃣ تجربه عملی: حقیقت اینه که تجربه کاری مستقیم گاهی ارزش بیشتری برای کارفرماها داره تا مدرک تحصیلی.

🤩🚀 در نهایت، باید بگیم که مسیر موفقیت در دنیای وب بازه و هرکسی باید بر اساس شرایط خودش بهترین تصمیم رو بگیره!

✍🏽 ¦ @DevYara

#fun

• یعنی چی گذشته ی پارتنرمون به ما مربوط نیست؟
اومدیمو پکیج محسن مدحج رو خریده بود.😂

✍🏽 ¦ @DevYara