#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

#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